Charles Bochet
40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
import { useResetRecoilState } from 'recoil';
|
|
|
|
import { DropdownButton } from '@/ui/dropdown/components/DropdownButton';
|
|
import { viewEditModeState } from '@/ui/view-bar/states/viewEditModeState';
|
|
|
|
import { BoardOptionsDropdownKey } from '../types/BoardOptionsDropdownKey';
|
|
|
|
import { BoardOptionsDropdownButton } from './BoardOptionsDropdownButton';
|
|
import {
|
|
BoardOptionsDropdownContent,
|
|
BoardOptionsDropdownContentProps,
|
|
} from './BoardOptionsDropdownContent';
|
|
|
|
type BoardOptionsDropdownProps = Pick<
|
|
BoardOptionsDropdownContentProps,
|
|
'customHotkeyScope' | 'onStageAdd'
|
|
>;
|
|
|
|
export const BoardOptionsDropdown = ({
|
|
customHotkeyScope,
|
|
onStageAdd,
|
|
}: BoardOptionsDropdownProps) => {
|
|
const resetViewEditMode = useResetRecoilState(viewEditModeState);
|
|
|
|
return (
|
|
<DropdownButton
|
|
buttonComponents={<BoardOptionsDropdownButton />}
|
|
dropdownComponents={
|
|
<BoardOptionsDropdownContent
|
|
customHotkeyScope={customHotkeyScope}
|
|
onStageAdd={onStageAdd}
|
|
/>
|
|
}
|
|
dropdownHotkeyScope={customHotkeyScope}
|
|
dropdownId={BoardOptionsDropdownKey}
|
|
onClickOutside={resetViewEditMode}
|
|
/>
|
|
);
|
|
};
|