roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-04-24 19:39:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(Editor): add an empty categories message

Browse source
This commit is contained in:
41666 2021-07-09 03:46:06 -05:00
parent 47fa58fd36
commit 30b9ea3a59
1 changed files with 26 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
packages/design-system/organisms/server-category-editor/ServerCategoryEditor.tsx
View file

@ -1,7 +1,7 @@
import { BreakpointText } from '@roleypoly/design-system/atoms/breakpoints';
import { Button } from '@roleypoly/design-system/atoms/button';
import { FaderOpacity } from '@roleypoly/design-system/atoms/fader';
import { LargeText } from '@roleypoly/design-system/atoms/typography';
import { LargeText, Link, Text } from '@roleypoly/design-system/atoms/typography';
import { EditorCategory } from '@roleypoly/design-system/molecules/editor-category';
import { CategoryContainer } from '@roleypoly/design-system/organisms/role-picker/RolePicker.styled';
import {
@ -96,21 +96,32 @@ export const ServerCategoryEditor = (props: Props) => {
Change Order <CgReorder />
</Button>
</CategoryActions>
{sortBy(props.guild.data.categories, ['position', 'id']).map((category, idx) => (
<CategoryContainer key={idx}>
<EditorCategory
category={category}
title={category.name}
unselectedRoles={unselectedRoles}
roles={
category.roles
.map((role) => props.guild.roles.find((r) => r.id === role))
.filter((r) => r !== undefined) as Role[]
}
onChange={updateSingleCategory}
/>
{props.guild.data.categories.length > 0 ? (
sortBy(props.guild.data.categories, ['position', 'id']).map((category, idx) => (
<CategoryContainer key={idx}>
<EditorCategory
category={category}
title={category.name}
unselectedRoles={unselectedRoles}
roles={
category.roles
.map((role) => props.guild.roles.find((r) => r.id === role))
.filter((r) => r !== undefined) as Role[]
}
onChange={updateSingleCategory}
/>
</CategoryContainer>
))
) : (
<CategoryContainer>
<Text>
No categories are created yet.{' '}
<Link href="#" onClick={() => createCategory()}>
Create your first category!
</Link>
</Text>
</CategoryContainer>
))}
)}
</div>
);
};