Yadciel/taskcafe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

change: sort task labels based on label color position

Browse Source
This commit is contained in:
Jordan Knott 2020-07-16 20:27:48 -05:00
parent 559fcbc0e4
commit a90ace7a06
1 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/src/shared/components/Card/index.tsx
View File

@ -166,20 +166,23 @@ const Card = React.forwardRef(
}} }}
> >
{labels && {labels &&
labels.map(label => ( labels
<ListCardLabel .slice()
onAnimationEnd={() => { .sort((a, b) => a.labelColor.position - b.labelColor.position)
if (setToggleLabels) { .map(label => (
setToggleLabels(false); <ListCardLabel
} onAnimationEnd={() => {
}} if (setToggleLabels) {
variant={labelVariant ?? 'large'} setToggleLabels(false);
color={label.labelColor.colorHex} }
key={label.id} }}
> variant={labelVariant ?? 'large'}
<ListCardLabelText>{label.name}</ListCardLabelText> color={label.labelColor.colorHex}
</ListCardLabel> key={label.id}
))} >
<ListCardLabelText>{label.name}</ListCardLabelText>
</ListCardLabel>
))}
</ListCardLabels> </ListCardLabels>
{editable ? ( {editable ? (
<EditorContent> <EditorContent>