Merge pull request #1 from remix-austin/wireframes

Add wireframe link
remix-austin · Apr 4, 2024 · 2c0383d · 2c0383d
2 parents a465c2a + aed1846
commit 2c0383d
Showing 1 changed file with 15 additions and 10 deletions.
diff --git a/app/components/Navbar.tsx b/app/components/Navbar.tsx
@@ -1,9 +1,9 @@
-import { useReducer } from 'react';
-import { Link } from '@remix-run/react';
-import { BookOpen, Home } from 'lucide-react';
+import { useReducer } from "react"
+import { Link } from "@remix-run/react"
+import { BookOpen, Home, PanelsTopLeft } from "lucide-react"
 
 export default function Navbar() {
-    const [isMenuOpen, toggleMenu] = useReducer((s) => !s, false);
+    const [isMenuOpen, toggleMenu] = useReducer(s => !s, false)
 
     return (
         <nav className="navbar" role="navigation" aria-label="main navigation">
@@ -14,7 +14,7 @@ export default function Navbar() {
 
                 <button
                     onClick={toggleMenu}
-                    className={`navbar-burger ${isMenuOpen ? 'is-active' : ''}`}
+                    className={`navbar-burger ${isMenuOpen ? "is-active" : ""}`}
                     aria-label="menu"
                     aria-expanded={isMenuOpen}
                     data-target="navbarBasicExample"
@@ -26,10 +26,7 @@ export default function Navbar() {
                 </button>
             </div>
 
-            <div
-                id="navbarBasicExample"
-                className={`navbar-menu ${isMenuOpen ? 'is-active' : ''}`}
-            >
+            <div id="navbarBasicExample" className={`navbar-menu ${isMenuOpen ? "is-active" : ""}`}>
                 <div className="navbar-start">
                     <Link className="navbar-item" to="/">
                         <Home className="mr-2" />
@@ -40,8 +37,16 @@ export default function Navbar() {
                         <BookOpen className="mr-2" />
                         Menu
                     </Link>
+
+                    <a
+                        className="navbar-item"
+                        href="https://www.figma.com/file/800ixgQz0v0hfquf5z5QqM/Remix-Rodeo-Wireframes?type=design&node-id=0%3A1&mode=design&t=fD6zpeJ2GwYz1MJO-1"
+                    >
+                        <PanelsTopLeft className="mr-2" />
+                        Wireframes
+                    </a>
                 </div>
             </div>
         </nav>
-    );
+    )
 }