Merge branch 'main' of ssh://gitlab.igem.org/2024/bielefeld-cebitec

src/App/App.tsx

-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import "./App.css";
+import '../App/Graph.css'; 
 import '../components/test.css'
 import "../contents/example.css"
 import "./App.scss";
@@ -15,7 +16,7 @@ import { stringToSlug } from "../utils/stringToSlug.ts";
 import { Villbuttonrow } from "../components/Buttons.tsx";
 import "../utils/highlight.js";
 import "./LoadingScreen.css";
-//import { Description } from "../contents/description.tsx"; 
+
 
 const App = () => {
   const pathMapping = getPathMapping();
@@ -64,26 +65,24 @@ const App = () => {
             }
           />
         ))}
-        //{/* Add a route for the Description component */}
-        //<Route
-          //path="/description"
-          //element={
-            //<>
-              //{/* Page content */}
-              //<div className="container-fluid">
-                //<div className="row">
-                  //<div className="col">
-
-                    //<Description />
-                    //<Villbuttonrow />
-                  //</div>
-                  //<div className="col-1 d-none d-lg-block">
-                    //{/* <!-- empty!--> */}
-                  //</div>
-                //</div>
-              //</div>
-            //</>
-          //}
+        {/* Add a route for the Description component */}
+        <Route
+          path="/description"
+          element={
+            <>
+              {/* Page content */}
+              <div className="container-fluid">
+                <div className="row">
+                  <div className="col">
+                    <Villbuttonrow />
+                  </div>
+                  <div className="col-1 d-none d-lg-block">
+                    {/* <!-- empty!--> */}
+                  </div>
+                </div>
+              </div>
+            </>
+          }
         />
 
         <Route

src/contents/Graph.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { Pie } from 'react-chartjs-2';
 import { Chart as ChartJS, ArcElement, Tooltip, Legend } from 'chart.js';
 
+
 ChartJS.register(ArcElement, Tooltip, Legend);
 
 const PieChart: React.FC = () => {