zoriya/flood
1
0
Fork 0
mirror of https://github.com/zoriya/flood.git synced 2026-06-06 20:12:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

TagSelect: sort existing tags

Browse Source 
Bug: #135
This commit is contained in:
Jesse Chan
2020-12-27 15:22:34 +08:00
parent 58030d863c
commit 7d44626451
1 changed files with 30 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/javascript/components/general/form-elements/TagSelect.tsx
+30 -26
View File
@@ -1,6 +1,7 @@
import classnames from 'classnames';
import {FC, ReactNode, ReactNodeArray, useEffect, useRef, useState} from 'react';
import {FormattedMessage} from 'react-intl';
import sort from 'fast-sort';
import {useKeyPressEvent} from 'react-use';
import type {TorrentProperties} from '@shared/types/Torrent';
@@ -104,33 +105,36 @@ const TagSelect: FC<TagSelectProps> = ({defaultValue, placeholder, id, label, on
overlayProps={{isInteractive: false}}
ref={menuRef}
triggerRef={textboxRef}>
{[...new Set([...Object.keys(TorrentFilterStore.taxonomy.tagCounts), ...selectedTags])].reduce(
(accumulator: ReactNodeArray, tag) => {
if (tag === '') {
return accumulator;
}
accumulator.push(
<SelectItem
id={tag}
key={tag}
isSelected={selectedTags.includes(tag)}
onClick={() => {
if (tag === 'untagged') {
setSelectedTags([]);
} else if (selectedTags.includes(tag)) {
setSelectedTags(selectedTags.filter((key) => key !== tag && key !== ''));
} else {
setSelectedTags([...selectedTags.filter((key) => key !== ''), tag]);
}
}}>
{tag === 'untagged' ? <FormattedMessage id="filter.untagged" /> : tag}
</SelectItem>,
);
{[
...new Set([
'untagged',
...sort(Object.keys(TorrentFilterStore.taxonomy.tagCounts)).asc(),
...selectedTags,
]),
].reduce((accumulator: ReactNodeArray, tag) => {
if (tag === '') {
return accumulator;
},
[],
)}
}
accumulator.push(
<SelectItem
id={tag}
key={tag}
isSelected={selectedTags.includes(tag)}
onClick={() => {
if (tag === 'untagged') {
setSelectedTags([]);
} else if (selectedTags.includes(tag)) {
setSelectedTags(selectedTags.filter((key) => key !== tag && key !== ''));
} else {
setSelectedTags([...selectedTags.filter((key) => key !== ''), tag]);
}
}}>
{tag === 'untagged' ? <FormattedMessage id="filter.untagged" /> : tag}
</SelectItem>,
);
return accumulator;
}, [])}
</ContextMenu>
</Portal>
</Textbox>