subsections

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>
     )

src/data/symptom-data.tsx

 
-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