mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-06-15 17:19:10 +00:00
fix(RolePicker): prevent render of hidden categories
This commit is contained in:
parent
95dad8effa
commit
b7f82593df
1 changed files with 31 additions and 28 deletions
|
@ -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}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue