sort workspace list

This commit is contained in:
Philipinho
2025-03-07 11:51:04 +00:00
parent 05a3dfa26d
commit 4f9e588494

View File

@ -15,35 +15,37 @@ export default function JoinedWorkspaces() {
return ( return (
<> <>
{data.map((workspace: Partial<IWorkspace>, index) => ( {data
<UnstyledButton .sort((a, b) => a.name.localeCompare(b.name))
key={index} .map((workspace: Partial<IWorkspace>, index) => (
component={Link} <UnstyledButton
to={getHostnameUrl(workspace?.hostname) + "/home"} key={index}
className={classes.workspace} component={Link}
> to={getHostnameUrl(workspace?.hostname) + "/home"}
<Group wrap="nowrap"> className={classes.workspace}
<CustomAvatar >
avatarUrl={workspace?.logo} <Group wrap="nowrap">
name={workspace?.name} <CustomAvatar
variant="filled" avatarUrl={workspace?.logo}
size="md" name={workspace?.name}
/> variant="filled"
size="md"
/>
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<Text size="sm" fw={500} lineClamp={1}> <Text size="sm" fw={500} lineClamp={1}>
{workspace?.name} {workspace?.name}
</Text> </Text>
<Text c="dimmed" size="sm"> <Text c="dimmed" size="sm">
{getHostnameUrl(workspace?.hostname)?.split("//")[1]} {getHostnameUrl(workspace?.hostname)?.split("//")[1]}
</Text> </Text>
</div> </div>
<IconChevronRight size={16} /> <IconChevronRight size={16} />
</Group> </Group>
</UnstyledButton> </UnstyledButton>
))} ))}
</> </>
); );
} }