Adds $BZZ link in navigation (#123)

* Package updates add bzz link on navigation * ts-ignore * Move get bzz button to Stats component
ethersphere · Apr 4, 2024 · 24d4f39 · 24d4f39
1 parent 690472c
commit 24d4f39
Show file tree

Hide file tree

Showing 3 changed files with 265 additions and 245 deletions.
diff --git a/components/Navigation.tsx b/components/Navigation.tsx
@@ -82,6 +82,7 @@ const Navigation: React.FC<NavigationProps> = ({
                     <NavigationMenu.Item key={link.title} value={link.title}>
                       {link.children ? (
                         <NavigationMenu.Trigger
+                          // @ts-ignore
                           ref={(node) => {
                             if (link.title === value && activeTrigger !== node)
                               setActiveTrigger(node);

diff --git a/components/Stats.tsx b/components/Stats.tsx
@@ -48,14 +48,21 @@ const Stats: React.FC<StatsProps> = () => {
         "flex items-center lg:justify-between pl-4 lg:pl-4 space-x-4"
       )}
     >
+      <Link
+        className="flex items-center h-8 px-4 space-x-2 text-sm font-bold leading-8 tracking-wider text-gray-800 truncate transition-all duration-1000 bg-gray-100 rounded-full bg-opacity-70 backdrop-blur-md"
+        href="/get-bzz"
+      >
+        $BZZ
+      </Link>
+
       <Link
         href="https://swarmscan.io/"
         target="_blank"
         className="rounded-full"
       >
         <motion.div
           className={cx(
-            "h-8 flex items-center px-4 space-x-2 text-sm font-semibold leading-8 text-gray-800 transition-all duration-1000 bg-gray-100 rounded-full bg-opacity-70 backdrop-blur-md truncate"
+            "h-8 flex items-center px-4 space-x-2 text-sm font-bold leading-8 text-gray-800 transition-all duration-1000 bg-gray-100 rounded-full bg-opacity-70 backdrop-blur-md truncate tracking-wider"
           )}
         >
           <AnimatePresence initial={false} mode="wait">