add back button to address page

CodeWithAloha · Aug 25, 2024 · e94ddd4 · e94ddd4
1 parent 66f280e
commit e94ddd4
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/components/AddressSearch.tsx b/src/components/AddressSearch.tsx
@@ -15,6 +15,7 @@ import ProgressBar from "./ProgressBar";
 import * as ELG from "esri-leaflet-geocoder";
 import Link from "next/link";
 import { GrLinkNext } from "react-icons/gr";
+import { IoMdArrowBack } from "react-icons/io";
 import { api } from "../utils/api";
 
 declare global {
@@ -297,6 +298,14 @@ const AddressSearch: React.FC = () => {
             )}
           </div>
           <div className="flex flex-row items-center justify-center gap-5">
+            <Link href={{ pathname: "./" }}>
+              <button
+                className="mb-1 mt-4 flex flex-row items-center justify-center rounded-full bg-white/80 px-6 py-2 text-blue-darker no-underline
+              transition hover:translate-y-1 hover:bg-white hover:text-blue-darker">
+                <IoMdArrowBack />
+                Homepage
+              </button>
+            </Link>
             <Link href={{ pathname: "./survey" }}>
               <button
                 className="mb-1 mt-4 flex flex-row items-center justify-center gap-1 rounded-full border-2