Merge pull request #895 from ente-io/album-header-change

Album header change

src/components/Collections/CollectionOptions/QuickOptions.tsx

@@ -37,13 +37,12 @@ export function QuickOptions({
                             ? constants.MODIFY_SHARING
                             : constants.SHARE_COLLECTION
                     }>
-                    <IconButton>
-                        <PeopleIcon
-                            onClick={handleCollectionAction(
-                                CollectionActions.SHOW_SHARE_DIALOG,
-                                false
-                            )}
-                        />
+                    <IconButton
+                        onClick={handleCollectionAction(
+                            CollectionActions.SHOW_SHARE_DIALOG,
+                            false
+                        )}>
+                        <PeopleIcon />
                     </IconButton>
                 </Tooltip>
             )}
@@ -55,25 +54,23 @@ export function QuickOptions({
                             ? constants.DOWNLOAD_FAVOURITES
                             : constants.DOWNLOAD_COLLECTION
                     }>
-                    <IconButton>
-                        <FileDownloadOutlinedIcon
-                            onClick={handleCollectionAction(
-                                CollectionActions.CONFIRM_DOWNLOAD,
-                                false
-                            )}
-                        />
+                    <IconButton
+                        onClick={handleCollectionAction(
+                            CollectionActions.CONFIRM_DOWNLOAD,
+                            false
+                        )}>
+                        <FileDownloadOutlinedIcon />
                     </IconButton>
                 </Tooltip>
             )}
             {collectionSummaryType === CollectionSummaryType.trash && (
                 <Tooltip title={constants.EMPTY_TRASH}>
-                    <IconButton>
-                        <DeleteOutlinedIcon
-                            onClick={handleCollectionAction(
-                                CollectionActions.CONFIRM_EMPTY_TRASH,
-                                false
-                            )}
-                        />
+                    <IconButton
+                        onClick={handleCollectionAction(
+                            CollectionActions.CONFIRM_EMPTY_TRASH,
+                            false
+                        )}>
+                        <DeleteOutlinedIcon />
                     </IconButton>
                 </Tooltip>
             )}

src/components/Collections/CollectionOptions/index.tsx

@@ -243,12 +243,7 @@ const CollectionOptions = (props: CollectionOptionsProps) => {
 
             <OverflowMenu
                 ariaControls={'collection-options'}
-                triggerButtonIcon={<MoreHoriz />}
-                triggerButtonProps={{
-                    sx: {
-                        background: (theme) => theme.palette.fill.dark,
-                    },
-                }}>
+                triggerButtonIcon={<MoreHoriz />}>
                 {collectionSummaryType === CollectionSummaryType.trash ? (
                     <TrashCollectionOption
                         handleCollectionAction={handleCollectionAction}

src/components/OverflowMenu/menu.tsx

@@ -20,7 +20,6 @@ const StyledMenu = styled(Menu)`
     & .MuiList-root {
         padding: 0;
         border: none;
-        width: 220px;
     }
 `;
 

src/components/OverflowMenu/option.tsx

@@ -31,7 +31,7 @@ export function OverflowMenuOption({
         <MenuItem
             onClick={handleClick}
             sx={{
-                width: 180,
+                width: 220,
                 color: (theme) => theme.palette[color].main,
                 padding: 1.5,
                 '& .MuiSvgIcon-root': {