diff --git a/components/DownloadReport.js b/components/DownloadReport.js new file mode 100644 index 0000000..ef980f3 --- /dev/null +++ b/components/DownloadReport.js @@ -0,0 +1,13 @@ +import Link from "next/link"; + +function DownloadReport({ URL }) { + return ( +
+ + + +
+ ); +} + +export default DownloadReport; diff --git a/pages/posts/map.js b/pages/posts/map.js index 0271fcf..25ddb1d 100644 --- a/pages/posts/map.js +++ b/pages/posts/map.js @@ -2,6 +2,7 @@ import Head from "next/head"; import Link from "next/link"; import Header from "../../components/Header"; import Copyright from "../../components/Copyright"; +import DownloadReport from "../../components/DownloadReport"; import Image from "next/image"; import styles from "../../styles/Post.module.css"; @@ -11,11 +12,11 @@ import typhoonMapPreview from "../../public/typhoon.png"; import doughtMapPreview from "../../public/dought.png"; import snowMapPreview from "../../public/snow.jpg"; import workInjureMapPreview from "../../public/workInjury.png"; -import geologicalDisasterMapPreview from '../../public/geological.png'; -import earthquakeMapPreview from '../../public/earthquake.png'; -import forestFireMapPreview from '../../public/forestFire.png'; -import floodsAndDroughtsMapPreview from '../../public/floodsAndDroughts.png'; -import trafficAccidentsMapPreview from '../../public/traffic.png'; +import geologicalDisasterMapPreview from "../../public/geological.png"; +import earthquakeMapPreview from "../../public/earthquake.png"; +import forestFireMapPreview from "../../public/forestFire.png"; +import floodsAndDroughtsMapPreview from "../../public/floodsAndDroughts.png"; +import trafficAccidentsMapPreview from "../../public/traffic.png"; export default function Init() { return ( @@ -42,6 +43,11 @@ export default function Init() {