From 2876d9cd9e0ca55413e8a5a9c5249465e3b0c87f Mon Sep 17 00:00:00 2001
From: Fanesz <fanes23.pratama@mhs.mdp.ac.id>
Date: Wed, 27 Nov 2024 21:42:58 +0700
Subject: [PATCH] fix: can't direct access /contact/* content

---
 public/_redirects                       | 1 +
 src/common/components/dropdown.jsx      | 9 +++++----
 src/views/home/components/jumbotron.jsx | 2 +-
 3 files changed, 7 insertions(+), 5 deletions(-)
 create mode 100644 public/_redirects

diff --git a/public/_redirects b/public/_redirects
new file mode 100644
index 0000000..ad37e2c
--- /dev/null
+++ b/public/_redirects
@@ -0,0 +1 @@
+/*    /index.html   200
diff --git a/src/common/components/dropdown.jsx b/src/common/components/dropdown.jsx
index ba78a16..7895911 100644
--- a/src/common/components/dropdown.jsx
+++ b/src/common/components/dropdown.jsx
@@ -1,6 +1,7 @@
 import { Popover, PopoverButton, PopoverPanel } from "@headlessui/react";
 import { useState } from "react";
 import { useNavigate } from "react-router-dom";
+
 export const Dropdown = ({ label, listMenu }) => {
   const navigate = useNavigate();
   const [dropdown, setDropdown] = useState(false);
@@ -37,13 +38,13 @@ export const Dropdown = ({ label, listMenu }) => {
         </PopoverButton>
         <PopoverPanel className="flex flex-col z-50 bg-dark-blue rounded-b-lg gap-3 lg:fixed py-3 px-5">
           {listMenu.map((data, index) => (
-            <a
+            <span
               key={index}
-              href={data.link}
-              className="text-white hover:text-gray-400"
+              onClick={() => navigate(data.link)}
+              className="text-white hover:text-gray-400 cursor-pointer"
             >
               {data.name}
-            </a>
+            </span>
           ))}
         </PopoverPanel>
       </Popover>
diff --git a/src/views/home/components/jumbotron.jsx b/src/views/home/components/jumbotron.jsx
index 23389ed..9b8f2a6 100644
--- a/src/views/home/components/jumbotron.jsx
+++ b/src/views/home/components/jumbotron.jsx
@@ -24,7 +24,7 @@ export const Jumbotron = () => {
 
           <div className="lg:w-1/4 w-40 mx-auto lg:mx-0">
             <a
-              className="btn w-full rounded-full text-white p-3"
+              className="btn w-full rounded-full text-white p-3 cursor-pointer"
               style={{ backgroundColor: "#1f4287" }}
               href="https://docs.google.com/forms/d/e/1FAIpQLSfgIcdM-wJ9MLHXz6x4cyQyxvnhcUSrk6v3p4awjuxj4a86pw/viewform"
               target="_blank"