customize icons

src/pages/primary/NoteListPage/FeedButton.tsx

@@ -8,7 +8,7 @@ import { cn } from '@/lib/utils'
 import { useFavoriteRelays } from '@/providers/FavoriteRelaysProvider'
 import { useFeed } from '@/providers/FeedProvider'
 import { useScreenSize } from '@/providers/ScreenSizeProvider'
-import { ChevronDown, Server, Star, UsersRound } from 'lucide-react'
+import { ChevronDown, Server, Star, UsersRound, Music, Radio, Trees, DoorOpen } from 'lucide-react'
 import { forwardRef, HTMLAttributes, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 
@@ -90,13 +90,25 @@ const FeedSwitcherTrigger = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivEle
 
     const icon = useMemo(() => {
       if (feedInfo?.feedType === 'following') return <UsersRound />
-      if (feedInfo?.feedType === 'pinned') return <Star />
-      if (feedInfo?.feedType === 'relay' && feedInfo.id) {
-        return <RelayIcon url={feedInfo.id} />
-      }
+        if (feedInfo?.feedType === 'pinned') return <Star />
+          if (feedInfo?.feedType === 'relay' && feedInfo.id) {
+            return <RelayIcon url={feedInfo.id} />
+          }
+          if (feedInfo?.feedType === 'relays') {
+            const relaySetName = feedInfo.name ?? activeRelaySet?.name ?? activeRelaySet?.id ?? ''
+    const nameLower = relaySetName.toLowerCase()
 
-      return <Server />
-    }, [feedInfo])
+    // Custom icons for your relay sets
+    if (nameLower.includes('basspistol')) return <Radio />
+      if (nameLower.includes('music')) return <Music />
+        if (nameLower.includes('backstage')) return <DoorOpen />
+          if (nameLower.includes('hood')) return <Trees />
+
+            // Default relay set icon
+            return <Server />
+          }
+          return <Server />
+    }, [feedInfo, activeRelaySet])
 
     const clickable =
       !IS_COMMUNITY_MODE || COMMUNITY_RELAY_SETS.length + COMMUNITY_RELAYS.length > 1