diff --git a/src/contents/description.tsx b/src/contents/description.tsx index 0a03c58ab6304b2bbecf97ccc75d68ad1ac51d3f..3df8bbfaf8d0b76b63006d4e1d253b2db7c7c9ae 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 5c0b97d6f8b0038b4f59542785d0015e48b5c46e..a309eb4bb69f41e01eb8da93955b2ba44f3ba19a 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