From c8476bf519347e5ae3329784a7a34707e5c0283a Mon Sep 17 00:00:00 2001
From: sakrecoer <setto@dyne.org>
Date: Wed, 8 Apr 2026 21:15:40 +0200
Subject: [PATCH 1/2] our environement file

---
 .env.basspistol | 2 ++
 1 file changed, 2 insertions(+)
 create mode 100644 .env.basspistol

diff --git a/.env.basspistol b/.env.basspistol
new file mode 100644
index 0000000..23ba89d
--- /dev/null
+++ b/.env.basspistol
@@ -0,0 +1,2 @@
+VITE_COMMUNITY_RELAYS="wss://basspistol.org/favorites,wss://basspistol.org/popular,wss://basspistol.org/uppermost,wss://basspistol.org/personal"
+VITE_COMMUNITY_RELAY_SETS=[{"id": "basspistol", "name": "Basspistol", "relayUrls": ["wss://basspistol.org","wss://drops.basspistol.org"]},{"id": "member", "name": "Backstage", "relayUrls": ["wss://basspistol.org/internal"]},{"id": "hood", "name": "Hood", "relayUrls": ["wss://nestr.nedao.ch","wss://pyramid.fiatjaf.com","wss://spatia-arcana.com","wss://lightning.red","wss://inner.sebastix.social"]}]

From d6166913955377c9b810fd861f38efe18ea181cc Mon Sep 17 00:00:00 2001
From: sakrecoer <setto@dyne.org>
Date: Thu, 9 Apr 2026 15:44:23 +0200
Subject: [PATCH 2/2] customize icons

---
 src/components/RelaySetCard/index.tsx         | 34 ++++++++++++++-----
 src/pages/primary/NoteListPage/FeedButton.tsx | 26 ++++++++++----
 2 files changed, 44 insertions(+), 16 deletions(-)

diff --git a/src/components/RelaySetCard/index.tsx b/src/components/RelaySetCard/index.tsx
index 7367bc5..83d13eb 100644
--- a/src/components/RelaySetCard/index.tsx
+++ b/src/components/RelaySetCard/index.tsx
@@ -1,6 +1,6 @@
 import { cn } from '@/lib/utils'
 import { TRelaySet } from '@/types'
-import { ChevronDown, FolderClosed } from 'lucide-react'
+import { ChevronDown, FolderClosed, Music, Radio, Trees, DoorOpen } from 'lucide-react'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import RelayIcon from '../RelayIcon'
@@ -17,6 +17,21 @@ export default function RelaySetCard({
   const { t } = useTranslation()
   const [expand, setExpand] = useState(false)
 
+  const getRelaySetIcon = (name: string) => {
+    const nameLower = name.toLowerCase()
+
+
+    if (nameLower.includes('basspistol')) return Radio
+      if (nameLower.includes('music')) return Music
+        if (nameLower.includes('backstage')) return DoorOpen
+          if (nameLower.includes('hood')) return Trees
+
+
+            return FolderClosed
+  }
+
+  const IconComponent = getRelaySetIcon(relaySet.name)
+
   return (
     <div
       className={cn(
@@ -25,15 +40,16 @@ export default function RelaySetCard({
           ? 'border-primary bg-primary/5 shadow-sm'
           : 'clickable border-border hover:border-primary/50 hover:bg-accent/50'
       )}
-      onClick={() => onSelectChange(!select)}
-    >
-      <div className="flex items-center justify-between gap-2">
-        <div className="flex min-w-0 flex-1 items-center gap-3">
-          <div className="flex size-6 shrink-0 items-center justify-center">
-            <FolderClosed className="size-5" />
+       onClick={() => onSelectChange(!select)}
+      >
+        <div className="flex items-center justify-between gap-2">
+          <div className="flex min-w-0 flex-1 items-center gap-3">
+            <div className="flex size-6 shrink-0 items-center justify-center">
+      {/* Use the dynamic icon component instead of hardcoded FolderClosed */}
+              <IconComponent className="size-5" />
+            </div>
+            <div className="select-none truncate font-medium">{relaySet.name}</div>
           </div>
-          <div className="select-none truncate font-medium">{relaySet.name}</div>
-        </div>
         <div className="flex shrink-0 items-center gap-1">
           <RelayUrlsExpandToggle expand={expand} onExpandChange={setExpand}>
             {t('n relays', { n: relaySet.relayUrls.length })}
diff --git a/src/pages/primary/NoteListPage/FeedButton.tsx b/src/pages/primary/NoteListPage/FeedButton.tsx
index 42dfa76..8cbba0c 100644
--- a/src/pages/primary/NoteListPage/FeedButton.tsx
+++ b/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