roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-06-17 18:09:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(web): functionally add recents to servers list

Browse source
This commit is contained in:
41666 2021-03-13 19:09:50 -05:00
parent f01325cfba
commit 994d7bba2c
4 changed files with 69 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

22
packages/design-system/molecules/guild-nav/GuildNav.tsx
View file

@ -1,5 +1,5 @@
import { NavSlug } from '@roleypoly/design-system/molecules/nav-slug';
import { sortBy } from '@roleypoly/misc-utils/sortBy';
import { getRecentAndSortedGuilds } from '@roleypoly/misc-utils/guildListing';
import { GuildSlug, UserGuildPermissions } from '@roleypoly/types';
import * as React from 'react';
import Scrollbars from 'react-custom-scrollbars';
@ -40,21 +40,9 @@ const NavList = (props: { guilds: Props['guilds'] }) => (
);
export const GuildNav = (props: Props) => {
const recentGuildSlugs: GuildSlug[] = props.recentGuilds
.reduce<(GuildSlug | undefined)[]>(
(acc, id) => [...acc, props.guilds.find((guild) => guild.id === id)],
[]
)
.filter((slug) => slug !== undefined);
console.log({
recentGuilds: props.recentGuilds,
slugs: props.guilds,
recentSlugs: recentGuildSlugs,
});
const sortedSlugs = sortBy(props.guilds, 'name', (a: string, b: string) =>
a.toLowerCase() > b.toLowerCase() ? 1 : -1
const { sortedGuildSlugs, recentGuildSlugs } = getRecentAndSortedGuilds(
props.guilds,
props.recentGuilds
);
return (
@ -72,7 +60,7 @@ export const GuildNav = (props: Props) => {
<div>All Guilds</div>
</>
)}
<NavList guilds={sortedSlugs} />
<NavList guilds={sortedGuildSlugs} />
<ReactTooltip id={tooltipId} />
</Scrollbars>
</div>