html

src/contents/description.tsx

@@ -578,7 +578,7 @@ function createDrugSteckbrief(data: DrugDatensatz){
         examplelist.push(
             <div className="drug">
                 <H4 text={data.examples[index].title}/>
-                <p>{data.examples[index].text}</p>
+                <ul>{absaetze}</ul>
             </div>
         )
         
@@ -597,7 +597,7 @@ function createDrugSteckbrief(data: DrugDatensatz){
                 </div>
             </div>
             <div className="col">
-            <ul>{examplelist}</ul>
+            {examplelist}
             </div>
         </div>
     )

src/data/drug-data.tsx

@@ -10,7 +10,7 @@ export interface DrugDatensatz {
 
 interface example{
     title: string,
-    text: Array<string>; 
+    text: Array<string> | Array<React.ReactNode>; 
 }
 
 export const drugdata: (Array<DrugDatensatz>)  = [
@@ -75,7 +75,7 @@ export const drugdata: (Array<DrugDatensatz>)  = [
         examples: [
             {
                 title: "TOBI", //quelle 13 + Pseudo muss kursiv
-                text: ["Active ingredient(s): Tobramycin","Indications: For CF patients aged 6 years and older with <i> Pseudomonas aeruginosa </i> infections","Mechanism: Aminoglycoside antibiotic disrupts bacterial protein synthesis, leading to the death of the pathogen","Administration: Inhalation of antibiotic via nebuliser, typically taken twice daily in 28-day cycles","Approval: Approved by the EMA in 2011 [14]"]
+                text: ["Active ingredient(s): Tobramycin",<>Indications: For CF patients aged 6 years and older with <i> Pseudomonas aeruginosa </i> infections </>,"Mechanism: Aminoglycoside antibiotic disrupts bacterial protein synthesis, leading to the death of the pathogen","Administration: Inhalation of antibiotic via nebuliser, typically taken twice daily in 28-day cycles","Approval: Approved by the EMA in 2011 [14]"]
             },
             {
                 title: "CAYSTON", //quelle 15 + Pseudo muss kursiv