- rename entries hooks

- tests
- move useeffects to sub components

front/src/modules/ui/board/components/BoardActionBarButtonDeleteBoardCard.tsx

@@ -43,6 +43,7 @@ export function BoardActionBarButtonDeleteBoardCard() {
       icon={<IconTrash size={16} />}
       type="danger"
       onClick={handleDelete}
+      key="delete"
     />
   );
 }

front/src/modules/ui/board/hooks/useActionBarEntries.tsx

@@ -4,10 +4,10 @@ import { actionBarEntriesState } from '@/ui/action-bar/states/ActionBarEntriesSt
 
 import { BoardActionBarButtonDeleteBoardCard } from '../components/BoardActionBarButtonDeleteBoardCard';
 
-export function useOpenActionBar() {
+export function useActionBarEntries() {
   const setActionBarEntries = useSetRecoilState(actionBarEntriesState);
 
   return () => {
-    setActionBarEntries([<BoardActionBarButtonDeleteBoardCard />]);
+    setActionBarEntries([<BoardActionBarButtonDeleteBoardCard key="delete" />]);
   };
 }

front/src/modules/ui/board/hooks/useCurrentCardSelected.ts

@@ -1,5 +1,7 @@
 import { useContext } from 'react';
-import { useRecoilCallback, useRecoilState } from 'recoil';
+import { useRecoilCallback, useRecoilState, useSetRecoilState } from 'recoil';
+
+import { actionBarOpenState } from '@/ui/action-bar/states/ActionBarIsOpenState';
 
 import { BoardCardIdContext } from '../states/BoardCardIdContext';
 import { isCardSelectedFamilyState } from '../states/isCardSelectedFamilyState';
@@ -10,6 +12,7 @@ export function useCurrentCardSelected() {
   const [isCardSelected] = useRecoilState(
     isCardSelectedFamilyState(currentCardId ?? ''),
   );
+  const setActionBarOpenState = useSetRecoilState(actionBarOpenState);
 
   const setCurrentCardSelected = useRecoilCallback(
     ({ set }) =>
@@ -17,6 +20,7 @@ export function useCurrentCardSelected() {
         if (!currentCardId) return;
 
         set(isCardSelectedFamilyState(currentCardId), selected);
+        setActionBarOpenState(true);
       },
     [],
   );

front/src/modules/ui/board/hooks/useSetCardSelected.ts

@@ -1,9 +1,14 @@
-import { useRecoilCallback } from 'recoil';
+import { useRecoilCallback, useSetRecoilState } from 'recoil';
+
+import { actionBarOpenState } from '@/ui/action-bar/states/ActionBarIsOpenState';
 
 import { isCardSelectedFamilyState } from '../states/isCardSelectedFamilyState';
 
 export function useSetCardSelected() {
+  const setActionBarOpenState = useSetRecoilState(actionBarOpenState);
+
   return useRecoilCallback(({ set }) => (cardId: string, selected: boolean) => {
     set(isCardSelectedFamilyState(cardId), selected);
+    setActionBarOpenState(true);
   });
 }