toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-12-19 18:41:39 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: kanban card open sub page

Browse Source
This commit is contained in:
lawvs 2022-08-02 19:10:16 +08:00
parent de510ba5ae
commit bac8c91497
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
libs/components/editor-blocks/src/blocks/group/scene-kanban/CardContext.tsx
View File

@ -25,7 +25,7 @@ const AddCard = ({ group }: { group: KanbanGroup }) => {
const { addCard } = useKanban(); const { addCard } = useKanban();
const handleClick = useCallback(async () => { const handleClick = useCallback(async () => {
await addCard(group); await addCard(group);
}, [addCard]); }, [addCard, group]);
return <AddCardWrapper onClick={handleClick}>+</AddCardWrapper>; return <AddCardWrapper onClick={handleClick}>+</AddCardWrapper>;
}; };

13
libs/components/editor-blocks/src/blocks/group/scene-kanban/CardItem.tsx
View File

@ -1,5 +1,9 @@
import type { KanbanCard } from '@toeverything/components/editor-core'; import type { KanbanCard } from '@toeverything/components/editor-core';
import { RenderBlock, useKanban } from '@toeverything/components/editor-core'; import {
RenderBlock,
useKanban,
useSubPage,
} from '@toeverything/components/editor-core';
import { styled } from '@toeverything/components/ui'; import { styled } from '@toeverything/components/ui';
const CardContent = styled('div')({ const CardContent = styled('div')({
@ -58,12 +62,17 @@ export const CardItem = ({
block: KanbanCard['block']; block: KanbanCard['block'];
}) => { }) => {
const { addSubItem } = useKanban(); const { addSubItem } = useKanban();
const { openSubPage } = useSubPage();
const onAddItem = async () => { const onAddItem = async () => {
await addSubItem(block); await addSubItem(block);
}; };
const onClickCard = async () => {
openSubPage(id);
};
return ( return (
<CardContainer> <CardContainer onClick={onClickCard}>
<CardContent> <CardContent>
<RenderBlock blockId={id} /> <RenderBlock blockId={id} />
</CardContent> </CardContent>