update OverflowMenu usgae

This commit is contained in:
Abhinav 2022-06-21 15:16:57 +05:30
parent 0d5b824da3
commit fc78890544
3 changed files with 8 additions and 11 deletions

View file

@ -13,7 +13,7 @@ export default function CollectionSort(props: CollectionSortProps) {
return ( return (
<OverflowMenu <OverflowMenu
ariaControls="collection-sort" ariaControls="collection-sort"
menuTriggerIcon={<SortIcon />}> triggerButtonIcon={<SortIcon />}>
<CollectionSortOptions {...props} /> <CollectionSortOptions {...props} />
</OverflowMenu> </OverflowMenu>
); );

View file

@ -8,7 +8,6 @@ import constants from 'utils/strings/constants';
import { SetCollectionNamerAttributes } from './CollectionNamer'; import { SetCollectionNamerAttributes } from './CollectionNamer';
import { Collection } from 'types/collection'; import { Collection } from 'types/collection';
import { IsArchived } from 'utils/magicMetadata'; import { IsArchived } from 'utils/magicMetadata';
import { IconButton } from '@mui/material';
import { GalleryContext } from 'pages/gallery'; import { GalleryContext } from 'pages/gallery';
import { logError } from 'utils/sentry'; import { logError } from 'utils/sentry';
import { VISIBILITY_STATE } from 'types/magicMetadata'; import { VISIBILITY_STATE } from 'types/magicMetadata';
@ -152,14 +151,12 @@ const CollectionOptions = (props: CollectionOptionsProps) => {
return ( return (
<OverflowMenu <OverflowMenu
ariaControls={`collection-options-${props.activeCollection.id}`} ariaControls={`collection-options-${props.activeCollection.id}`}
menuTriggerIcon={ triggerButtonIcon={<MoreVertIcon />}
<IconButton triggerButtonProps={{
sx={{ sx: {
background: (theme) => theme.palette.background.paper, background: (theme) => theme.palette.background.paper,
}}> },
<MoreVertIcon /> }}>
</IconButton>
}>
<OverflowMenuOption onClick={showRenameCollectionModal}> <OverflowMenuOption onClick={showRenameCollectionModal}>
{constants.RENAME} {constants.RENAME}
</OverflowMenuOption> </OverflowMenuOption>

View file

@ -19,7 +19,7 @@ const ShareeRow = ({ sharee, collectionUnshare }: IProps) => {
{sharee.email} {sharee.email}
<OverflowMenu <OverflowMenu
ariaControls={`email-share-${sharee.email}`} ariaControls={`email-share-${sharee.email}`}
menuTriggerIcon={<MoreHorizIcon />}> triggerButtonIcon={<MoreHorizIcon />}>
<OverflowMenuOption <OverflowMenuOption
color="danger" color="danger"
onClick={handleClick} onClick={handleClick}