NoButtItemProps

src/components/BFH-Timeline.tsx

-import { PanelTimelineItem, TimelineItem, TimelineItemPic, TimelineItemTwoPic } from "./VerticalTimeline";
+import { NoButtTimelineItem, PanelTimelineItem, TimelineItemPic, TimelineItemTwoPic } from "./VerticalTimeline";
 import SimpleSlider from "./Slider";
 import { SupScrollLink } from "./ScrollLink";
 
@@ -180,12 +180,11 @@ export function BFHTimeline () {
                         </p>
                     </div> 
                 </TimelineItemPic>
-                <TimelineItem
+                <NoButtTimelineItem
                 url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
                 date='Team project presentations'
                 tag= 'Team presentations'
                 color='var(--accent-primary'
-                csstag="teampres"
                 >
                     <h5>Team project presentations</h5>
                     <div className="col bfh-slider">
@@ -201,13 +200,13 @@ export function BFHTimeline () {
                     <div id="teampres" style={{display: "none"}}>
                         So much more
                     </div> 
-                </TimelineItem>
-                <TimelineItem
+                </NoButtTimelineItem>
+                <NoButtTimelineItem
                 url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
                 date='Poster Exhibition Booth'
                 tag= 'Team presentations'
                 color='var(--accent-primary)'
-                csstag="teambooth"
+                
                 >
                     <h5>Poster Exhibition Booth </h5>
                     [Link virtual exhibition]
@@ -231,11 +230,8 @@ export function BFHTimeline () {
                     </div>
                     <span>
 
-                    </span>
-                    <div id="teambooth" style={{display: "none"}}>
-                        So much more
-                    </div> 
-                </TimelineItem>
+                    </span> 
+                </NoButtTimelineItem>
                 <TimelineItemPic
                 url="https://static.igem.wiki/teams/5247/photos/meetup/speakers/svanja-vinke.jpg"
                 date='How to work safe'

src/components/VerticalTimeline.tsx

@@ -18,6 +18,20 @@ interface ItemProps {
     url: string,
     url2?: string
 }
+interface NoButtItemProps {
+    text?: string; 
+    heading?: string; 
+    vorname?: string, 
+    vorname2?: string, 
+    nachname?: string,
+    nachname2?: string,
+    date: string ,
+    children: React.ReactNode;
+    tag: string, 
+    color: string,
+    url: string,
+    url2?: string
+}
 
 
 
@@ -107,6 +121,21 @@ export const TimelineItem  = ({ date, tag, color, children, csstag }:ItemProps)
         </div>
     </div>
 );
+export const NoButtTimelineItem  = ({ date, tag, color, children }:NoButtItemProps) => (
+    <div className="timeline-item">
+        <div className="timeline-item-content">
+            <span className="tag" style={{ background: color }}>
+                {tag}
+            </span> 
+            <time>{date}</time>
+            
+            <hr/>
+            {children}
+            
+            <span className="circle" />
+        </div>
+    </div>
+);
 
 export const PanelTimelineItem  = () => (
     <div className="timeline-item">