mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-11-05 15:00:30 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Use Icons.Home for the user's homeserver

Browse source
This commit is contained in:
Ginger 2025-04-07 13:20:09 -04:00
parent d3fac3bf94
commit 799aeeec61
1 changed files with 13 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/app/pages/client/explore/Explore.tsx
View file

@ -9,6 +9,7 @@ import {
Header, Header,
Icon, Icon,
IconButton, IconButton,
IconSrc,
Icons, Icons,
Input, Input,
Overlay, Overlay,
@ -160,11 +161,13 @@ export function AddExploreServerPrompt({
type ExploreServerNavItemProps = { type ExploreServerNavItemProps = {
server: string; server: string;
selected: boolean; selected: boolean;
icon: IconSrc;
onRemove?: (() => Promise<void>) | null; onRemove?: (() => Promise<void>) | null;
}; };
export function ExploreServerNavItem({ export function ExploreServerNavItem({
server, server,
selected, selected,
icon,
onRemove = null, onRemove = null,
}: ExploreServerNavItemProps) { }: ExploreServerNavItemProps) {
const [hover, setHover] = useState(false); const [hover, setHover] = useState(false);
@ -192,7 +195,7 @@ export function ExploreServerNavItem({
<NavItemContent> <NavItemContent>
<Box as="span" grow="Yes" alignItems="Center" gap="200"> <Box as="span" grow="Yes" alignItems="Center" gap="200">
<Avatar size="200" radii="400"> <Avatar size="200" radii="400">
<Icon src={Icons.Category} size="100" filled={selected} /> <Icon src={icon} size="100" filled={selected} />
</Avatar> </Avatar>
<Box as="span" grow="Yes"> <Box as="span" grow="Yes">
<Text as="span" size="Inherit" truncate> <Text as="span" size="Inherit" truncate>
@ -288,9 +291,6 @@ export function Explore() {
<PageNavContent> <PageNavContent>
<Box direction="Column" gap="300"> <Box direction="Column" gap="300">
<NavCategory> <NavCategory>
{userServer && (
<ExploreServerNavItem server={userServer} selected={userServer === selectedServer} />
)}
<AddExploreServerPrompt <AddExploreServerPrompt
onSubmit={exploreUnlistedServerCallback} onSubmit={exploreUnlistedServerCallback}
header={<Text size="H4">View Server</Text>} header={<Text size="H4">View Server</Text>}
@ -330,11 +330,19 @@ export function Explore() {
</NavItemContent> </NavItemContent>
</NavLink> </NavLink>
</NavItem> </NavItem>
{userServer && (
<ExploreServerNavItem
server={userServer}
selected={userServer === selectedServer}
icon={Icons.Home}
/>
)}
{featuredServers.map((server) => ( {featuredServers.map((server) => (
<ExploreServerNavItem <ExploreServerNavItem
key={server} key={server}
server={server} server={server}
selected={server === selectedServer} selected={server === selectedServer}
icon={Icons.Category}
/> />
))} ))}
</NavCategory> </NavCategory>
@ -350,6 +358,7 @@ export function Explore() {
server={server} server={server}
selected={server === selectedServer} selected={server === selectedServer}
onRemove={() => removeServerCallback(server)} onRemove={() => removeServerCallback(server)}
icon={Icons.Category}
/> />
))} ))}
<AddExploreServerPrompt <AddExploreServerPrompt