Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-11 20:08:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(core): add untagged group to GroupBy view (#6837)

Browse Source 
close #6688

<img width="743" alt="image" src="https://github.com/toeverything/AFFiNE/assets/102217452/9ffe3cac-0c73-4a8c-8567-8a315eed6548">
This commit is contained in:
JimmFly
2024-05-09 02:30:52 +00:00
parent 301cc188ca
commit 291db7d809
2 changed files with 29 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
packages/frontend/core/src/components/page-list/group-definitions.tsx
View File

@@ -129,15 +129,35 @@ const GroupTagLabel = ({ tag, count }: { tag: Tag; count: number }) => {
export const useTagGroupDefinitions = (): ItemGroupDefinition<ListItem>[] => {
const tagList = useService(TagService).tagList;
const tags = useLiveData(tagList.tags$);
const t = useAFFiNEI18N();
const untagged = useMemo(
() => ({
id: 'Untagged',
label: (count: number) => (
<GroupLabel
id="Untagged"
label={t['com.affine.page.display.grouping.group-by-tag.untagged']()}
count={count}
/>
),
match: (item: ListItem) =>
(item as DocMeta).tags ? !(item as DocMeta).tags.length : false,
}),
[t]
);
return useMemo(() => {
return tags.map(tag => ({
id: tag.id,
label: count => {
return <GroupTagLabel tag={tag} count={count} />;
},
match: item => (item as DocMeta).tags?.includes(tag.id),
}));
}, [tags]);
return tags
.map(tag => ({
id: tag.id,
label: (count: number) => {
return <GroupTagLabel tag={tag} count={count} />;
},
match: (item: ListItem) => (item as DocMeta).tags?.includes(tag.id),
}))
.concat(untagged);
}, [tags, untagged]);
};
export const useFavoriteGroupDefinitions = <