refresh_btn (#62)

* refresh_btn * Removed CSS --------- Co-authored-by: jLynx <[email protected]>
portapack-mayhem · Apr 3, 2024 · 45d974f · 45d974f
1 parent df1e583
commit 45d974f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -43,4 +43,7 @@ next-env.d.ts
 **/public/precache**
 
 # Cloudflare
-.wrangler
+.wrangler
+
+# pnpm
+pnpm-lock.yaml
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
@@ -1,7 +1,12 @@
 import { faGithubAlt } from "@fortawesome/free-brands-svg-icons";
+import { faRotateRight } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 export const Footer = () => {
+  const refreshHandler = () => {
+    window.location.reload();
+  };
+
   return (
     <footer className="footer mt-10 items-center bg-neutral p-4 text-neutral-content">
       <aside className="grid-flow-row items-center">
@@ -15,6 +20,12 @@ export const Footer = () => {
             className="mr-2 max-w-6 text-2xl text-white"
           />
         </a>
+        <button onClick={refreshHandler}>
+          <FontAwesomeIcon
+            icon={faRotateRight}
+            className="mr-2 max-w-6 text-2xl text-white"
+          />
+        </button>
       </nav>
     </footer>
   );