diff --git a/src/app/pages/client/explore/Explore.tsx b/src/app/pages/client/explore/Explore.tsx index 9e101de9..0c3aed2a 100644 --- a/src/app/pages/client/explore/Explore.tsx +++ b/src/app/pages/client/explore/Explore.tsx @@ -9,6 +9,7 @@ import { Header, Icon, IconButton, + IconSrc, Icons, Input, Overlay, @@ -160,11 +161,13 @@ export function AddExploreServerPrompt({ type ExploreServerNavItemProps = { server: string; selected: boolean; + icon: IconSrc; onRemove?: (() => Promise) | null; }; export function ExploreServerNavItem({ server, selected, + icon, onRemove = null, }: ExploreServerNavItemProps) { const [hover, setHover] = useState(false); @@ -192,7 +195,7 @@ export function ExploreServerNavItem({ - + @@ -288,9 +291,6 @@ export function Explore() { - {userServer && ( - - )} View Server} @@ -330,11 +330,19 @@ export function Explore() { + {userServer && ( + + )} {featuredServers.map((server) => ( ))} @@ -350,6 +358,7 @@ export function Explore() { server={server} selected={server === selectedServer} onRemove={() => removeServerCallback(server)} + icon={Icons.Category} /> ))}