Cosmetic refactoring on context menu (#1209)

* Cosmetic refactoring on context menu

* Fix lint

* Fix lint

* Fix lint

* Fix lint

* Fix lint

* Fix lint

front/src/modules/ui/action-bar/components/ActionBar.tsx

@@ -2,10 +2,10 @@ import React, { useRef } from 'react';
 import styled from '@emotion/styled';
 import { useRecoilValue } from 'recoil';
 
-import { actionBarEntriesState } from '@/ui/action-bar/states/ActionBarEntriesState';
-import { contextMenuOpenState } from '@/ui/context-menu/states/ContextMenuIsOpenState';
+import { actionBarEntriesState } from '@/ui/action-bar/states/actionBarEntriesState';
+import { contextMenuIsOpenState } from '@/ui/context-menu/states/contextMenuIsOpenState';
 
-import { actionBarOpenState } from '../states/ActionBarIsOpenState';
+import { actionBarOpenState } from '../states/actionBarIsOpenState';
 
 type OwnProps = {
   selectedIds: string[];
@@ -33,7 +33,7 @@ const StyledContainerActionBar = styled.div`
 
 export function ActionBar({ selectedIds }: OwnProps) {
   const actionBarOpen = useRecoilValue(actionBarOpenState);
-  const contextMenuOpen = useRecoilValue(contextMenuOpenState);
+  const contextMenuOpen = useRecoilValue(contextMenuIsOpenState);
   const actionBarEntries = useRecoilValue(actionBarEntriesState);
   const wrapperRef = useRef(null);
 

front/src/modules/ui/action-bar/components/__stories__/ActionBar.stories.tsx

@@ -2,18 +2,18 @@ import { MemoryRouter } from 'react-router-dom';
 import type { Meta, StoryObj } from '@storybook/react';
 import { useSetRecoilState } from 'recoil';
 
-import { useActionBarEntries } from '@/companies/hooks/useActionBarEntries';
+import { useCompanyTableActionBarEntries } from '@/companies/hooks/useCompanyTableActionBarEntries';
 import { CompanyTableMockMode } from '@/companies/table/components/CompanyTableMockMode';
 import { TableRecoilScopeContext } from '@/ui/table/states/recoil-scope-contexts/TableRecoilScopeContext';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
 import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
-import { actionBarOpenState } from '../../states/ActionBarIsOpenState';
+import { actionBarOpenState } from '../../states/actionBarIsOpenState';
 import { ActionBar } from '../ActionBar';
 
 function FilledActionBar(props: { selectedIds: string[] }) {
-  const setActionBar = useActionBarEntries();
-  setActionBar();
+  const { setActionBarEntries } = useCompanyTableActionBarEntries();
+  setActionBarEntries();
   const setActionBarOpenState = useSetRecoilState(actionBarOpenState);
   setActionBarOpenState(true);
   return <ActionBar selectedIds={props.selectedIds} />;
@@ -25,7 +25,7 @@ const meta: Meta<typeof ActionBar> = {
   decorators: [
     (Story) => (
       <RecoilScope SpecificContext={TableRecoilScopeContext}>
-        <CompanyTableMockMode></CompanyTableMockMode>
+        <CompanyTableMockMode />
         <MemoryRouter>
           <Story />
         </MemoryRouter>