diff --git a/src/components/Map1.tsx b/src/components/Map1.tsx index 4f8f54b02b0127bc07fe217f73f1a0e16be08617..508d3f1ea0fa3446e855014fc4a4c564351b4266 100644 --- a/src/components/Map1.tsx +++ b/src/components/Map1.tsx @@ -12,4 +12,18 @@ return( ) } + +export function Map2(){ + const htmlFile = `<div style="min-height: 374px"> + <script type="text/javascript" defer src="src/utils/mapscript.js" charset="utf-8"> + </script> + <noscript> + <img src="https://static.igem.wiki/teams/5247/charts-maps/map1-full.png" alt="" /> + </noscript> +</div>` +return( + <div dangerouslySetInnerHTML={{ __html: htmlFile }} /> +) +} + /* min-height: "374px" */ \ No newline at end of file diff --git a/src/contents/Home.tsx b/src/contents/Home.tsx index 33cf4211cb06cfc6dccc206ab8b69f09cc1a831e..25a3b00752b8cb77f5beb73f6a6857653a19fe3e 100644 --- a/src/contents/Home.tsx +++ b/src/contents/Home.tsx @@ -1,6 +1,6 @@ //import { Inspirations, InspirationLink } from "../components"; /* import { Sidebar } from "react-pro-sidebar"; */ -import { Map1 } from "../components/Map1"; +import { Map1, Map2 } from "../components/Map1"; export function Home() { return ( @@ -10,6 +10,8 @@ export function Home() { <h2>Wiki under construction!</h2> <hr /> <Map1></Map1> + <hr /> + <Map2></Map2> </div> </div> <div className="row"> diff --git a/src/contents/wiki.tsx b/src/contents/wiki.tsx index 86c47b05d8080533b9c7024b3d76fea0528161d1..3832cc6e3837bcdff0c667efce4610df38da7a90 100644 --- a/src/contents/wiki.tsx +++ b/src/contents/wiki.tsx @@ -139,6 +139,10 @@ function Troubleshooting(){ const openPop = (event : React.MouseEvent<HTMLButtonElement, MouseEvent>) => {} </code> <h6>Solutions</h6> + <p>Change to: </p> + <code> + const openPop = (_event : React.MouseEvent<HTMLButtonElement, MouseEvent>) => {} + </code> </Collapsible> </div>