fix(RolePicker): prevent render of hidden categories

This commit is contained in:
41666 2020-12-18 21:03:40 -05:00
parent 95dad8effa
commit b7f82593df

View file

@ -82,34 +82,37 @@ export const RolePicker = (props: RolePickerProps) => {
{props.guildData.categories.length !== 0 ? ( {props.guildData.categories.length !== 0 ? (
<> <>
<div> <div>
{sortBy(props.guildData.categories, 'position').map( {sortBy(
(category, idx) => ( props.guildData.categories.filter(
<CategoryContainer key={idx}> (category) => !category.hidden
<PickerCategory ),
key={idx} 'position'
category={category} ).map((category, idx) => (
title={category.name} <CategoryContainer key={idx}>
selectedRoles={selectedRoles.filter((roleId) => <PickerCategory
category.roles.includes(roleId) key={idx}
)} category={category}
roles={ title={category.name}
category.roles selectedRoles={selectedRoles.filter((roleId) =>
.map((role) => category.roles.includes(roleId)
props.roles.find((r) => r.id === role) )}
) roles={
.filter((r) => r !== undefined) as Role[] category.roles
} .map((role) =>
onChange={handleChange(category)} props.roles.find((r) => r.id === role)
wikiMode={false} )
type={ .filter((r) => r !== undefined) as Role[]
category.type === CategoryType.Single }
? 'single' onChange={handleChange(category)}
: 'multi' wikiMode={false}
} type={
/> category.type === CategoryType.Single
</CategoryContainer> ? 'single'
) : 'multi'
)} }
/>
</CategoryContainer>
))}
</div> </div>
<FaderOpacity <FaderOpacity
isVisible={xor(selectedRoles, props.member.roles).length !== 0} isVisible={xor(selectedRoles, props.member.roles).length !== 0}