46 lines
1.4 KiB
TypeScript
46 lines
1.4 KiB
TypeScript
import { useContext } from 'react';
|
|
import { useRecoilCallback, useRecoilValue, useSetRecoilState } from 'recoil';
|
|
|
|
import { activeCardIdsState } from '@/ui/layout/board/states/activeCardIdsState';
|
|
import { actionBarOpenState } from '@/ui/navigation/action-bar/states/actionBarIsOpenState';
|
|
|
|
import { BoardCardIdContext } from '../contexts/BoardCardIdContext';
|
|
import { isCardSelectedFamilyState } from '../states/isCardSelectedFamilyState';
|
|
|
|
export const useCurrentCardSelected = () => {
|
|
const currentCardId = useContext(BoardCardIdContext);
|
|
|
|
const isCurrentCardSelected = useRecoilValue(
|
|
isCardSelectedFamilyState(currentCardId ?? ''),
|
|
);
|
|
|
|
const setActiveCardIds = useSetRecoilState(activeCardIdsState);
|
|
|
|
const setCurrentCardSelected = useRecoilCallback(
|
|
({ set }) =>
|
|
(selected: boolean) => {
|
|
if (!currentCardId) return;
|
|
|
|
set(isCardSelectedFamilyState(currentCardId), selected);
|
|
set(actionBarOpenState, selected);
|
|
|
|
if (selected) {
|
|
setActiveCardIds((prevActiveCardIds) => [
|
|
...prevActiveCardIds,
|
|
currentCardId,
|
|
]);
|
|
} else {
|
|
setActiveCardIds((prevActiveCardIds) =>
|
|
prevActiveCardIds.filter((id) => id !== currentCardId),
|
|
);
|
|
}
|
|
},
|
|
[currentCardId, setActiveCardIds],
|
|
);
|
|
|
|
return {
|
|
isCurrentCardSelected,
|
|
setCurrentCardSelected,
|
|
};
|
|
};
|