feat: add cashout as top navbar item

peanutprotocol · Oct 1, 2024 · 9c32080 · 9c32080
1 parent 63a0d62
commit 9c32080
Showing 1 changed file with 9 additions and 22 deletions.
diff --git a/src/components/Global/Header/index.tsx b/src/components/Global/Header/index.tsx
@@ -158,6 +158,15 @@ const MenuLinks = () => {
                     </span>
                 </Text>
             </Link>
+            <Link
+                href={'/cashout'}
+                className="flex h-full w-full items-center justify-start px-2 py-2 uppercase hover:bg-white hover:text-black sm:w-max sm:justify-center sm:px-8"
+            >
+                <Text display="block"> cashout</Text>
+                <span className="relative top-[-1.5em] ml-1 text-[0.5rem] font-semibold uppercase text-purple-1">
+                    BETA
+                </span>
+            </Link>
             <div className="relative hidden h-full sm:block">
                 <button
                     onMouseEnter={() => {
@@ -180,17 +189,6 @@ const MenuLinks = () => {
                         }}
                         className="absolute left-0 z-10 w-48 origin-top-right bg-black p-0 font-medium uppercase text-white no-underline shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
                     >
-                        <Link
-                            href={'/cashout'}
-                            className="flex h-full w-full items-center justify-start px-2 py-2 uppercase hover:bg-white hover:text-black sm:justify-start sm:px-8"
-                        >
-                            <Text display="block" className="flex items-center">
-                                cashout
-                                <span className="relative top-[-1.5em] ml-1 text-[0.5rem] font-semibold uppercase text-purple-1">
-                                    BETA
-                                </span>
-                            </Text>
-                        </Link>
                         <Link
                             href={'/raffle/create'}
                             className="flex h-full w-full items-center justify-start px-2 py-2 uppercase hover:bg-white hover:text-black sm:justify-start sm:px-8"
@@ -223,17 +221,6 @@ const MenuLinks = () => {
                 </button>
                 {showMenu && (
                     <div className="bg-black p-0  font-medium uppercase text-white no-underline shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none">
-                        <Link
-                            href={'/cashout'}
-                            className="flex h-full w-full items-center justify-start py-2 pl-6 text-h6 uppercase hover:bg-white hover:text-black sm:justify-start sm:px-8"
-                        >
-                            <Text display="block" className="flex items-center">
-                                cashout
-                                <span className="relative top-[-1.5em] ml-1 text-[0.5rem] font-semibold uppercase text-purple-1">
-                                    BETA
-                                </span>
-                            </Text>
-                        </Link>
                         <Link
                             href={'/raffle/create'}
                             className="flex h-full w-full items-center justify-start py-2  pl-6 text-h6 uppercase hover:bg-white hover:text-black sm:justify-start sm:px-8"