Merge branch 'main' into chore/948-old-token-symbol-still-use-on-some…

…-page
autonomys · Nov 18, 2024 · 29275f4 · 29275f4
2 parents 7284204 + 2717625
commit 29275f4
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 9 deletions.
diff --git a/explorer/public/images/backgroundColor.svg b/explorer/public/images/backgroundColor.svg
diff --git a/explorer/src/components/layout/SectionHeader.tsx b/explorer/src/components/layout/SectionHeader.tsx
@@ -1,6 +1,16 @@
 'use client'
 
-import { CpuChipIcon, GlobeAltIcon, QueueListIcon, TrophyIcon } from '@heroicons/react/24/outline'
+import {
+  CircleStackIcon,
+  CodeBracketIcon,
+  CpuChipIcon,
+  GiftIcon,
+  GlobeAltIcon,
+  IdentificationIcon,
+  LinkIcon,
+  QueueListIcon,
+  TrophyIcon,
+} from '@heroicons/react/24/outline'
 import { WalletButton } from 'components/WalletButton'
 import { WalletSidekick } from 'components/WalletSideKick'
 import { ROUTES, Routes } from 'constants/routes'
@@ -21,16 +31,24 @@ export const SectionHeader: FC = () => {
   const domainIcon = useCallback((domain: (typeof ROUTES)[0], isActive: boolean) => {
     const className = `w-6 h-6 ${isActive ? 'text-white' : 'text-grayDark'} dark:text-white`
     switch (domain.name) {
-      case Routes.nova:
-        return <GlobeAltIcon className={className} />
       case Routes.consensus:
         return <QueueListIcon className={className} />
+      case Routes.farming:
+        return <CpuChipIcon className={className} />
+      case Routes.staking:
+        return <CircleStackIcon className={className} />
       case Routes.leaderboard:
         return <TrophyIcon className={className} />
-      case Routes.staking:
-        return <CpuChipIcon className={className} />
+      case Routes.domains:
+        return <GlobeAltIcon className={className} />
+      case Routes.nova:
+        return <CodeBracketIcon className={className} />
+      case Routes.autoid:
+        return <IdentificationIcon className={className} />
+      case Routes.testnetRewards:
+        return <GiftIcon className={className} />
       default:
-        return null
+        return <LinkIcon className={className} />
     }
   }, [])
 
@@ -68,8 +86,8 @@ export const SectionHeader: FC = () => {
       id='accordion-open'
       data-accordion='open'
     >
-      <div className='container mx-auto flex w-full items-center justify-between px-5 py-3 pb-2 md:px-[25px] 2xl:px-0'>
-        <div className='flex gap-9'>{domainsOptions}</div>
+      <div className='container mx-auto flex w-full items-center justify-between px-5 pb-2 pt-0 md:px-[25px] 2xl:px-0'>
+        <div className='flex gap-9 pt-3'>{domainsOptions}</div>
         <div className='flex gap-4'>
           {!actingAccount ? (
             <WalletButton />