From 5f550016927d5510a7e7caca451bb1d9ddb6891c Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <liliana.sanfilippo@uni-bielefeld.de>
Date: Wed, 25 Sep 2024 22:24:25 +0200
Subject: [PATCH] int = <Collapsible title="Interview" id="joshuainv">         
    {data[i].interview}           </Collapsible>

---
 src/components/Tabs.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/Tabs.tsx b/src/components/Tabs.tsx
index 42396a73..4c52c8d1 100644
--- a/src/components/Tabs.tsx
+++ b/src/components/Tabs.tsx
@@ -19,6 +19,7 @@ export function ButtonRowTabs({data, cla}: {data: Array<TabDatensatz>, cla: stri
 import React from "react";
 import { BlockQuoteB } from "./Quotes";
 import { TimelineDatenpunkt } from "../data/hptimelinedata";
+import Collapsible from "./Collapsible";
 
 /* import { stringToSlug } from "../utils"; */
   
@@ -136,7 +137,13 @@ import { TimelineDatenpunkt } from "../data/hptimelinedata";
         <img src={data[i].pictureurl_aim} className="hp-timeline-img hti-left"/> 
    </div></>
       }
-
+      let int = <></>; 
+      if (data[i].interview) {
+          int = <Collapsible title="Interview" id="joshuainv">
+            {data[i].interview}
+          </Collapsible>
+      }
+    
 
       let node = <>
                 <br/>
@@ -182,6 +189,7 @@ import { TimelineDatenpunkt } from "../data/hptimelinedata";
                      
                     {imp_img}
                   </div>
+                  {int}
                   {refs}
             </>
       if(problem){
@@ -214,6 +222,8 @@ import { TimelineDatenpunkt } from "../data/hptimelinedata";
     return rows; 
   }
 
+  /* Interview */
+ 
   export function OLDBFHStyleTabs({data, cla}: {data: Array<NodeDatensatz>, cla: string}) {
     let rows = []
     for ( let i = 0;  i < data.length; i++ ){
-- 
GitLab