1801 objects settings add activate option to disabled menu (#2104)

* wip creating dropdown

* wip styling the dropdown

* wip

* Fix wrong gap in MenuItems

* add handleActivate and handleErase functions

* remove unused styled component

* add story

* modified according to comment
This commit is contained in:
bosiraphael
2023-10-18 18:21:03 +02:00
committed by GitHub
parent 3971454190
commit 44099cf8fd
4 changed files with 143 additions and 14 deletions

View File

@ -9,12 +9,8 @@ import {
disabledObjectItems,
} from '@/settings/data-model/constants/mockObjects';
import { SettingsObjectCoverImage } from '@/settings/data-model/objects/SettingsObjectCoverImage';
import {
IconChevronRight,
IconDotsVertical,
IconPlus,
IconSettings,
} from '@/ui/display/icon';
import { SettingsObjectDisabledMenuDropDown } from '@/settings/data-model/objects/SettingsObjectDisabledMenuDropDown';
import { IconChevronRight, IconPlus, IconSettings } from '@/ui/display/icon';
import { Tag } from '@/ui/display/tag/components/Tag';
import { H1Title } from '@/ui/display/typography/components/H1Title';
import { H2Title } from '@/ui/display/typography/components/H2Title';
@ -50,10 +46,6 @@ const StyledIconChevronRight = styled(IconChevronRight)`
color: ${({ theme }) => theme.font.color.tertiary};
`;
const StyledIconDotsVertical = styled(IconDotsVertical)`
color: ${({ theme }) => theme.font.color.tertiary};
`;
const StyledH1Title = styled(H1Title)`
margin-bottom: 0;
`;
@ -141,9 +133,10 @@ export const SettingsObjects = () => {
{objectItem.instances}
</TableCell>
<StyledIconTableCell>
<StyledIconDotsVertical
size={theme.icon.size.md}
stroke={theme.icon.stroke.sm}
<SettingsObjectDisabledMenuDropDown
scopeKey={objectItem.name}
handleActivate={() => {}}
handleErase={() => {}}
/>
</StyledIconTableCell>
</StyledTableRow>