From 17b8ced129093c4a5599b07dcab2c3bb4d81e62f Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <lsanfilippo@techfak.uni-bielefeld.de>
Date: Tue, 12 Nov 2024 10:38:22 +0100
Subject: [PATCH] figures
---
src/components/Figures.tsx | 15 ++++++++++++++-
src/contents/results.tsx | 14 +++++++-------
2 files changed, 21 insertions(+), 8 deletions(-)
diff --git a/src/components/Figures.tsx b/src/components/Figures.tsx
index 0a998c14..299ebd5f 100644
--- a/src/components/Figures.tsx
+++ b/src/components/Figures.tsx
@@ -1,6 +1,6 @@
interface FigureProps{
pic1: string,
- pic2: string,
+ pic2?: string,
pic3?: string,
pic4?: string,
pic5?: string,
@@ -70,3 +70,16 @@ export function ThreeHorizontal({description, num, pic1, pic2, pic3}:FigureProps
)
}
+export function OneFigure({description, num, pic1}:FigureProps){
+ return(
+ <figure>
+ <div className="row align-items-center">
+ <div className="col">
+ <img src={pic1}/>
+ </div>
+ </div>
+ <figcaption><b>Figure {num}.</b> <span>{description}</span></figcaption>
+ </figure>
+ )
+}
+
diff --git a/src/contents/results.tsx b/src/contents/results.tsx
index cbc076c9..bb571cf3 100644
--- a/src/contents/results.tsx
+++ b/src/contents/results.tsx
@@ -6,7 +6,7 @@ import { useTabNavigation } from "../utils/TabNavigation";
import { H5 } from "../components/Headings";
import { useNavigation } from "../utils";
import { DownloadLink } from "../components/Buttons";
-import { ThreeVertical, TwoHorizontal, TwoVertical } from "../components/Figures";
+import { OneFigure, ThreeVertical, TwoHorizontal, TwoVertical } from "../components/Figures";
import { ResTable } from "../components/Table";
import { headercols, resultdata } from "../data/results-table";
@@ -159,16 +159,16 @@ export function Results() {
pic1="https://static.igem.wiki/teams/5247/photos/facs-results-mechanism/bild11-1.png"
pic2="https://static.igem.wiki/teams/5247/photos/facs-results-mechanism/bild11-2.png"
/>
- <div className="figure-wrapper">
- <figure>
- <img src="https://static.igem.wiki/teams/5247/photos/facs-results-mechanism/pe2-pe-co.png" style={{height: "10%", width: "auto"}}/>
- <figcaption> <b>Figure 12</b>Flow Cytometry analysis to compare prime editing complexes PE2 and PE_CO-Mini</figcaption>
- </figure>
- </div>
+ <OneFigure
+ pic1="https://static.igem.wiki/teams/5247/photos/facs-results-mechanism/pe2-pe-co.png"
+ num={12}
+ description="Flow Cytometry analysis to compare prime editing complexes PE2 and PE_CO-Mini"
+ />
<H5 text="Workflow"/>
<p>We compared the 3 different Prime Editing complexes (pCMV-PE2, pCMV-PE2_CO-Mini & pCMV-PE6c) to check which one has the best transfection efficiency.</p>
<H5 text="Conclusion"/>
<p>The Flow Cytometry measurement shows the fluorescence rate cells co-transfected with pDAS12489 and pCMV-PE6c as a prime editing complex. The editing efficiency off PE6c was by far the highest (81.88%) (see Figure 13, 14). The efficiency was 1.55 higher than the efficiency when pCMV-PE2 was used as prime editing complex (see Figure 13).</p>
+
<div className="figure-wrapper">
<figure>
<img src="https://static.igem.wiki/teams/5247/photos/facs-results-mechanism/bild13.png" style={{height: "10%", width: "auto"}}/>
--
GitLab