Files
twenty/front/src/modules/companies/board/components/CompanyBoard.tsx
Charles Bochet 08727aafe5 Fix tests
2023-09-10 20:16:04 -07:00

42 lines
1.4 KiB
TypeScript

import {
EntityBoard,
type EntityBoardProps,
} from '@/ui/board/components/EntityBoard';
import { EntityBoardActionBar } from '@/ui/board/components/EntityBoardActionBar';
import { EntityBoardContextMenu } from '@/ui/board/components/EntityBoardContextMenu';
import { useBoardViews } from '@/views/hooks/useBoardViews';
import { opportunitiesBoardOptions } from '~/pages/opportunities/opportunitiesBoardOptions';
import { HooksCompanyBoard } from '../../components/HooksCompanyBoard';
import { CompanyBoardRecoilScopeContext } from '../../states/recoil-scope-contexts/CompanyBoardRecoilScopeContext';
type CompanyBoardProps = Pick<
EntityBoardProps,
'onColumnAdd' | 'onColumnDelete' | 'onEditColumnTitle'
>;
export const CompanyBoard = ({ ...props }: CompanyBoardProps) => {
const { handleViewsChange, handleViewSubmit } = useBoardViews({
availableFilters: opportunitiesBoardOptions.filters,
availableSorts: opportunitiesBoardOptions.sorts,
objectId: 'company',
scopeContext: CompanyBoardRecoilScopeContext,
});
return (
<>
<HooksCompanyBoard />
<EntityBoard
boardOptions={opportunitiesBoardOptions}
defaultViewName="All opportunities"
onViewsChange={handleViewsChange}
onViewSubmit={handleViewSubmit}
scopeContext={CompanyBoardRecoilScopeContext}
onEditColumnTitle={props.onEditColumnTitle}
/>
<EntityBoardActionBar />
<EntityBoardContextMenu />
</>
);
};