9bab28912d
* Fix views * Make view sorts and view filters functional * Complete Company table view fix * Fix model creation * Start fixing board * Complete work
38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
import { useView } from '@/views/hooks/useView';
|
|
|
|
import { Dropdown } from '../../dropdown/components/Dropdown';
|
|
import { DropdownScope } from '../../dropdown/scopes/DropdownScope';
|
|
import { BoardOptionsHotkeyScope } from '../types/BoardOptionsHotkeyScope';
|
|
|
|
import { BoardOptionsDropdownId } from './constants/BoardOptionsDropdownId';
|
|
import { BoardOptionsDropdownButton } from './BoardOptionsDropdownButton';
|
|
import {
|
|
BoardOptionsDropdownContent,
|
|
BoardOptionsDropdownContentProps,
|
|
} from './BoardOptionsDropdownContent';
|
|
|
|
type BoardOptionsDropdownProps = Pick<
|
|
BoardOptionsDropdownContentProps,
|
|
'onStageAdd'
|
|
>;
|
|
|
|
export const BoardOptionsDropdown = ({
|
|
onStageAdd,
|
|
}: BoardOptionsDropdownProps) => {
|
|
const { setViewEditMode } = useView();
|
|
|
|
return (
|
|
<DropdownScope dropdownScopeId={BoardOptionsDropdownId}>
|
|
<Dropdown
|
|
clickableComponent={<BoardOptionsDropdownButton />}
|
|
dropdownComponents={
|
|
<BoardOptionsDropdownContent onStageAdd={onStageAdd} />
|
|
}
|
|
dropdownHotkeyScope={{ scope: BoardOptionsHotkeyScope.Dropdown }}
|
|
onClickOutside={() => setViewEditMode('none')}
|
|
dropdownMenuWidth={170}
|
|
/>
|
|
</DropdownScope>
|
|
);
|
|
};
|