Remove headlessui and heroicons from package.json

web/components/header.tsx

@@ -1,7 +1,5 @@
-import { useEffect, useState } from 'react'
 import clsx from 'clsx'
 import Link from 'next/link'
-import { Popover } from '@headlessui/react'
 
 import { useUser } from '../hooks/use-user'
 
@@ -49,54 +47,52 @@ export function Header(props: { darkBackground?: boolean }) {
   const { darkBackground } = props
 
   return (
-    <Popover as="header" className="relative">
+    <div className="pt-6">
-      <div className="pt-6">
+      <nav
-        <nav
+        className="relative max-w-7xl mx-auto flex items-center justify-between px-4 sm:px-6 bg-dark-50"
-          className="relative max-w-7xl mx-auto flex items-center justify-between px-4 sm:px-6 bg-dark-50"
+        aria-label="Global"
-          aria-label="Global"
+      >
-        >
+        <div className="flex items-center flex-1">
-          <div className="flex items-center flex-1">
+          <div className="flex items-center justify-between w-full md:w-auto">
-            <div className="flex items-center justify-between w-full md:w-auto">
+            <Link href="/">
-              <Link href="/">
+              <a className="flex flex-row items-center align-items-center h-6 sm:h-10">
-                <a className="flex flex-row items-center align-items-center h-6 sm:h-10">
+                <div className="inline-block mr-3">
-                  <div className="inline-block mr-3">
+                  <img
-                    <img
+                    className="h-6 sm:h-10 w-6 sm:w-10 hover:rotate-12 transition-all"
-                      className="h-6 sm:h-10 w-6 sm:w-10 hover:rotate-12 transition-all"
+                    src="/logo-icon.svg"
-                      src="/logo-icon.svg"
+                  />
-                    />
+                </div>
-                  </div>
+                <span
-                  <span
+                  className={clsx(
-                    className={clsx(
+                    'font-major-mono lowercase sm:text-2xl my-auto',
-                      'font-major-mono lowercase sm:text-2xl my-auto',
+                    darkBackground && 'text-white'
-                      darkBackground && 'text-white'
+                  )}
-                    )}
+                >
-                  >
+                  Mantic Markets
-                    Mantic Markets
+                </span>
-                  </span>
+              </a>
+            </Link>
+          </div>
+
+          <div className="space-x-8 md:flex md:ml-16 mr-8">
+            {navigation.map((item) => (
+              <Link key={item.name} href={item.href}>
+                <a
+                  target="_blank"
+                  className={clsx(
+                    'text-base font-medium ' + hoverClasses,
+                    darkBackground ? 'text-white' : ''
+                  )}
+                >
+                  {item.name}
                 </a>
               </Link>
-            </div>
+            ))}
 
-            <div className="space-x-8 md:flex md:ml-16 mr-8">
+            <SignInLink darkBackground={darkBackground} />
-              {navigation.map((item) => (
-                <Link key={item.name} href={item.href}>
-                  <a
-                    target="_blank"
-                    className={clsx(
-                      'text-base font-medium ' + hoverClasses,
-                      darkBackground ? 'text-white' : ''
-                    )}
-                  >
-                    {item.name}
-                  </a>
-                </Link>
-              ))}
-
-              <SignInLink darkBackground={darkBackground} />
-            </div>
           </div>
-        </nav>
+        </div>
-      </div>
+      </nav>
-    </Popover>
+    </div>
   )
 }

web/package-lock.json

@@ -6,8 +6,6 @@
     "": {
       "name": "mantic",
       "dependencies": {
-        "@headlessui/react": "1.4.2",
-        "@heroicons/react": "1.0.5",
         "@nivo/core": "0.74.0",
         "@nivo/line": "0.74.0",
         "clsx": "1.1.1",
@@ -1587,26 +1585,6 @@
       "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.2.1.tgz",
       "integrity": "sha512-gfta+H8aziZsm8pZa0vj04KO6biEiisppNgA1kbJvFrrWu9Vm7eaUEy76DIxsuTaWvti5fkJVhllWc6ZTE+Mdw=="
     },
-    "node_modules/@headlessui/react": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.4.2.tgz",
-      "integrity": "sha512-N8tv7kLhg9qGKBkVdtg572BvKvWhmiudmeEpOCyNwzOsZHCXBtl8AazGikIfUS+vBoub20Fse3BjawXDVPPdug==",
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "react": "^16 || ^17 || ^18",
-        "react-dom": "^16 || ^17 || ^18"
-      }
-    },
-    "node_modules/@heroicons/react": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-1.0.5.tgz",
-      "integrity": "sha512-UDMyLM2KavIu2vlWfMspapw9yii7aoLwzI2Hudx4fyoPwfKfxU8r3cL8dEBXOjcLG0/oOONZzbT14M1HoNtEcg==",
-      "peerDependencies": {
-        "react": ">= 16"
-      }
-    },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.5.0.tgz",
@@ -9461,18 +9439,6 @@
       "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.2.1.tgz",
       "integrity": "sha512-gfta+H8aziZsm8pZa0vj04KO6biEiisppNgA1kbJvFrrWu9Vm7eaUEy76DIxsuTaWvti5fkJVhllWc6ZTE+Mdw=="
     },
-    "@headlessui/react": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.4.2.tgz",
-      "integrity": "sha512-N8tv7kLhg9qGKBkVdtg572BvKvWhmiudmeEpOCyNwzOsZHCXBtl8AazGikIfUS+vBoub20Fse3BjawXDVPPdug==",
-      "requires": {}
-    },
-    "@heroicons/react": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-1.0.5.tgz",
-      "integrity": "sha512-UDMyLM2KavIu2vlWfMspapw9yii7aoLwzI2Hudx4fyoPwfKfxU8r3cL8dEBXOjcLG0/oOONZzbT14M1HoNtEcg==",
-      "requires": {}
-    },
     "@humanwhocodes/config-array": {
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.5.0.tgz",

web/package.json

@@ -10,8 +10,6 @@
     "prepare": "cd .. && husky install web/.husky"
   },
   "dependencies": {
-    "@headlessui/react": "1.4.2",
-    "@heroicons/react": "1.0.5",
     "@nivo/core": "0.74.0",
     "@nivo/line": "0.74.0",
     "clsx": "1.1.1",