From fc78890544523968d33008c0147db5224d5db1d5 Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Tue, 21 Jun 2022 15:16:57 +0530
Subject: [PATCH] update OverflowMenu usgae

---
 .../AllCollections/CollectionSort/index.tsx       |  2 +-
 src/components/Collections/CollectionOptions.tsx  | 15 ++++++---------
 .../Collections/CollectionShare/sharees/row.tsx   |  2 +-
 3 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/components/Collections/AllCollections/CollectionSort/index.tsx b/src/components/Collections/AllCollections/CollectionSort/index.tsx
index da49dca56..f731a0ddd 100644
--- a/src/components/Collections/AllCollections/CollectionSort/index.tsx
+++ b/src/components/Collections/AllCollections/CollectionSort/index.tsx
@@ -13,7 +13,7 @@ export default function CollectionSort(props: CollectionSortProps) {
     return (
         <OverflowMenu
             ariaControls="collection-sort"
-            menuTriggerIcon={<SortIcon />}>
+            triggerButtonIcon={<SortIcon />}>
             <CollectionSortOptions {...props} />
         </OverflowMenu>
     );
diff --git a/src/components/Collections/CollectionOptions.tsx b/src/components/Collections/CollectionOptions.tsx
index 7af25702e..a87c419d7 100644
--- a/src/components/Collections/CollectionOptions.tsx
+++ b/src/components/Collections/CollectionOptions.tsx
@@ -8,7 +8,6 @@ import constants from 'utils/strings/constants';
 import { SetCollectionNamerAttributes } from './CollectionNamer';
 import { Collection } from 'types/collection';
 import { IsArchived } from 'utils/magicMetadata';
-import { IconButton } from '@mui/material';
 import { GalleryContext } from 'pages/gallery';
 import { logError } from 'utils/sentry';
 import { VISIBILITY_STATE } from 'types/magicMetadata';
@@ -152,14 +151,12 @@ const CollectionOptions = (props: CollectionOptionsProps) => {
     return (
         <OverflowMenu
             ariaControls={`collection-options-${props.activeCollection.id}`}
-            menuTriggerIcon={
-                <IconButton
-                    sx={{
-                        background: (theme) => theme.palette.background.paper,
-                    }}>
-                    <MoreVertIcon />
-                </IconButton>
-            }>
+            triggerButtonIcon={<MoreVertIcon />}
+            triggerButtonProps={{
+                sx: {
+                    background: (theme) => theme.palette.background.paper,
+                },
+            }}>
             <OverflowMenuOption onClick={showRenameCollectionModal}>
                 {constants.RENAME}
             </OverflowMenuOption>
diff --git a/src/components/Collections/CollectionShare/sharees/row.tsx b/src/components/Collections/CollectionShare/sharees/row.tsx
index 6eac8ea1d..f5d7fc611 100644
--- a/src/components/Collections/CollectionShare/sharees/row.tsx
+++ b/src/components/Collections/CollectionShare/sharees/row.tsx
@@ -19,7 +19,7 @@ const ShareeRow = ({ sharee, collectionUnshare }: IProps) => {
             {sharee.email}
             <OverflowMenu
                 ariaControls={`email-share-${sharee.email}`}
-                menuTriggerIcon={<MoreHorizIcon />}>
+                triggerButtonIcon={<MoreHorizIcon />}>
                 <OverflowMenuOption
                     color="danger"
                     onClick={handleClick}