From 953e59db5bfa83f1e93a7677dfaa22422b32a79f Mon Sep 17 00:00:00 2001
From: Marc-Aurele Besner <marcaurele.desk@gmail.com>
Date: Mon, 18 Nov 2024 10:59:25 -0500
Subject: [PATCH] add missing mobile icons for new route and default icon

---
 .../src/components/layout/SectionHeader.tsx   | 30 +++++++++++++++----
 1 file changed, 24 insertions(+), 6 deletions(-)

diff --git a/explorer/src/components/layout/SectionHeader.tsx b/explorer/src/components/layout/SectionHeader.tsx
index b4c960ca..e8368e72 100644
--- 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} />
     }
   }, [])