data imports from file now

src/components/HorizontalTimeline.tsx

-
-
-
-
-    
-    
+import { HPdata as data} from "./seclarations";    
 
 function TimeItem({color, tag, title, children, pic, author, tabid}: ItemProps){
     return(
@@ -140,38 +135,3 @@ function TimeItem({color, tag, title, children, pic, author, tabid}: ItemProps){
       }
       
       
-let data = [
-    {
-    title: "Deutlich längerer Titel zum Test",
-    pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
-    tag: "Langer langer TAgs",
-    color: "blue",
-    author: "author",
-    tabid: "Eins", 
-    text: "Text",
-    },
-    {
-      title: "Deutlich längerer Titel zum Test",
-      pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
-      tag: "Langer langer TAgs",
-      color: "blue",
-      author: "author",
-      tabid: "Eins", 
-      text: "Text",
-      },
-    {
-    title: "Deutlich längerer Titel zum Test" ,
-    pic: "https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg",
-    tag:  "Tag",
-    color: "blue",
-    author: "a",
-    tabid: "Paris",
-    text: "Text",
-    }
-  ]
-  
-  
-  
-  
-  
-    

src/components/seclarations.ts

@@ -7,6 +7,7 @@ export * from './AOSs.tsx'
 export * from './My-Timeline.tsx'
 export * from './data/mapscr.ts'
 
+export * from './data/humanpractice.ts'
 declare global{
 interface Window {
     datawrapper: Datawrapper;