From 276ed40ef2bc6919e93a6ff22e9f3c3138f22815 Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <liliana.sanfilippo@uni-bielefeld.de>
Date: Wed, 25 Sep 2024 10:17:38 +0200
Subject: [PATCH] subsections

---
 src/contents/description.tsx |  23 ++++++-
 src/data/symptom-data.tsx    | 113 ++++++++++++++++++++++++++++++++---
 2 files changed, 124 insertions(+), 12 deletions(-)

diff --git a/src/contents/description.tsx b/src/contents/description.tsx
index 0a03c58a..3df8bbfa 100644
--- a/src/contents/description.tsx
+++ b/src/contents/description.tsx
@@ -522,7 +522,15 @@ let symptombuttonrowdata = [
 
 
 function createSymptomSteckbrief(data: SymptomDatensatz){
-    
+    let examplelist = []; 
+    for (let index = 0; index < data.subsections.length; index++) {
+        examplelist.push(
+            <div className="drug">
+                <H4 text={data.subsections[index].title}/>
+                <p>{data.subsections[index].text}</p>
+            </div>
+        )
+    }
     return(
         <div>
             <H4 id={`${data.name}-btn`} text={stringToSlug(data.name)}/>
@@ -540,7 +548,16 @@ function createSymptomSteckbrief(data: SymptomDatensatz){
 
 
 function createDrugSteckbrief(data: DrugDatensatz){
-
+    let examplelist = []; 
+    for (let index = 0; index < data.examples.length; index++) {
+        examplelist.push(
+            <div className="drug">
+                <H4 text={data.examples[index].title}/>
+                <p>{data.examples[index].text}</p>
+            </div>
+        )
+        
+    }
     return(
         <div>
             <H4 id={`${data.name}-btn`} text={stringToSlug(data.name)}/>
@@ -550,7 +567,7 @@ function createDrugSteckbrief(data: DrugDatensatz){
                 </div>
             </div>
             <div className="col">
-
+            {examplelist}
             </div>
         </div>
     )
diff --git a/src/data/symptom-data.tsx b/src/data/symptom-data.tsx
index 5c0b97d6..a309eb4b 100644
--- a/src/data/symptom-data.tsx
+++ b/src/data/symptom-data.tsx
@@ -1,40 +1,135 @@
 
-export interface SymptomDatensatz {
+export interface SymptomDatensatz { 
     name: string;  
     picture: string; 
+    introduction: string;
+    subsections: Array<example>; 
+
 }
 
+interface example{
+    title: string,
+    text: string
+}
 export const symptomdata: (Array<SymptomDatensatz>)  = [
     {
         name: "About",
-        picture: "https://static.igem.wiki/teams/5247/scientific-figures/organs-together-normal.svg"
+        picture: "https://static.igem.wiki/teams/5247/scientific-figures/organs-together-normal.svg",
+        introduction: "",
+        subsections: [
+            {
+                title: "",
+                text: "string"
+            },
+            {
+                title: "",
+                text: "string"
+            },
+        ]
     },
     {
         name: "Lung", 
-        picture: "https://static.igem.wiki/teams/5247/scientific-figures/lungs.svg"
+        picture: "https://static.igem.wiki/teams/5247/scientific-figures/lungs.svg",
+        introduction: "",
+        subsections: [
+            {
+                title: "",
+                text: "string"
+            },
+            {
+                title: "",
+                text: "string"
+            },
+        ]
     },
     {
         name: "Pancreas", 
-        picture: "https://static.igem.wiki/teams/5247/scientific-figures/pancreas.svg"
+        picture: "https://static.igem.wiki/teams/5247/scientific-figures/pancreas.svg",
+        introduction: "",
+        subsections: [
+            {
+                title: "",
+                text: "string"
+            },
+            {
+                title: "",
+                text: "string"
+            },
+        ]
     },
     {
         name: "liver",
-        picture: "https://static.igem.wiki/teams/5247/scientific-figures/liver.svg"
+        picture: "https://static.igem.wiki/teams/5247/scientific-figures/liver.svg",
+        introduction: "",
+        subsections: [
+            {
+                title: "",
+                text: "string"
+            },
+            {
+                title: "",
+                text: "string"
+            },
+        ]
     },
     {
         name: "brain",
-        picture: "https://static.igem.wiki/teams/5247/scientific-figures/brain.svg"
+        picture: "https://static.igem.wiki/teams/5247/scientific-figures/brain.svg",
+        introduction: "",
+        subsections: [
+            {
+                title: "",
+                text: "string"
+            },
+            {
+                title: "",
+                text: "string"
+            },
+        ]
     },
     {
         name: "Heart",
-        picture: "https://static.igem.wiki/teams/5247/scientific-figures/heart.svg"
+        picture: "https://static.igem.wiki/teams/5247/scientific-figures/heart.svg",
+        introduction: "",
+        subsections: [
+            {
+                title: "",
+                text: "string"
+            },
+            {
+                title: "",
+                text: "string"
+            },
+        ]
     },
     {
         name: "guts",
-        picture: "https://static.igem.wiki/teams/5247/scientific-figures/largeintestine.svg"
+        picture: "https://static.igem.wiki/teams/5247/scientific-figures/largeintestine.svg",
+        introduction: "",
+        subsections: [
+            {
+                title: "",
+                text: "string"
+            },
+            {
+                title: "",
+                text: "string"
+            },
+        ]
     },
     {
         name: "guts",
-        picture: "https://static.igem.wiki/teams/5247/scientific-figures/pregnancy.svg"
+        picture: "https://static.igem.wiki/teams/5247/scientific-figures/pregnancy.svg",
+        introduction: "",
+        subsections: [
+            {
+                title: "",
+                text: "string"
+            },
+            {
+                title: "",
+                text: "string"
+            },
+        ]
     }
 ]
\ No newline at end of file
-- 
GitLab