added quick download option for favourities album and modified rendering of quick options

src/components/Collections/CollectionOptions/QuickOptions.tsx

@@ -4,7 +4,10 @@ import { CollectionSummaryType } from 'constants/collection';
 import PeopleIcon from '@mui/icons-material/People';
 import FileDownloadOutlinedIcon from '@mui/icons-material/FileDownloadOutlined';
 import { FlexWrapper } from 'components/Container';
-import { IconButton } from '@mui/material';
+import { IconButton, Tooltip } from '@mui/material';
+import DeleteOutlinedIcon from '@mui/icons-material/DeleteOutlined';
+import constants from 'utils/strings/constants';
+
 interface Iprops {
     handleCollectionAction: (
         action: CollectionActions,
@@ -19,7 +22,20 @@ export function QuickOptions({
 }: Iprops) {
     return (
         <FlexWrapper sx={{ gap: '16px' }}>
-            {!(collectionSummaryType === CollectionSummaryType.trash) && (
+            {!(
+                collectionSummaryType === CollectionSummaryType.trash ||
+                collectionSummaryType === CollectionSummaryType.favorites
+            ) && (
+                <Tooltip
+                    title={
+                        collectionSummaryType ===
+                        CollectionSummaryType.outgoingShare
+                            ? constants.MODIFY_SHARING
+                            : collectionSummaryType ===
+                              CollectionSummaryType.incomingShare
+                            ? constants.SHARING_DETAILS
+                            : constants.SHARE_COLLECTION
+                    }>
                     <IconButton>
                         <PeopleIcon
                             onClick={handleCollectionAction(
@@ -28,11 +44,16 @@ export function QuickOptions({
                             )}
                         />
                     </IconButton>
+                </Tooltip>
             )}
-            {!(
-                collectionSummaryType === CollectionSummaryType.incomingShare ||
-                collectionSummaryType === CollectionSummaryType.trash
-            ) && (
+            {!(collectionSummaryType === CollectionSummaryType.trash) && (
+                <Tooltip
+                    title={
+                        collectionSummaryType ===
+                        CollectionSummaryType.favorites
+                            ? constants.DOWNLOAD_FAVOURITES
+                            : constants.CONFIRM_DOWNLOAD_COLLECTION
+                    }>
                     <IconButton>
                         <FileDownloadOutlinedIcon
                             onClick={handleCollectionAction(
@@ -41,6 +62,19 @@ export function QuickOptions({
                             )}
                         />
                     </IconButton>
+                </Tooltip>
+            )}
+            {collectionSummaryType === CollectionSummaryType.trash && (
+                <Tooltip title={constants.EMPTY_TRASH}>
+                    <IconButton>
+                        <DeleteOutlinedIcon
+                            onClick={handleCollectionAction(
+                                CollectionActions.CONFIRM_DELETE,
+                                false
+                            )}
+                        />
+                    </IconButton>
+                </Tooltip>
             )}
         </FlexWrapper>
     );

src/components/Collections/CollectionOptions/index.tsx

@@ -239,6 +239,7 @@ const CollectionOptions = (props: CollectionOptionsProps) => {
                 handleCollectionAction={handleCollectionAction}
                 collectionSummaryType={collectionSummaryType}
             />
+            {!(collectionSummaryType === CollectionSummaryType.favorites) && (
                 <OverflowMenu
                     ariaControls={'collection-options'}
                     triggerButtonIcon={<MoreHoriz />}
@@ -263,6 +264,7 @@ const CollectionOptions = (props: CollectionOptionsProps) => {
                         />
                     )}
                 </OverflowMenu>
+            )}
         </Box>
     );
 };

src/constants/collection/index.ts

@@ -61,7 +61,6 @@ export const UPLOAD_NOT_ALLOWED_COLLECTION_TYPES = new Set([
 export const OPTIONS_NOT_HAVING_COLLECTION_TYPES = new Set([
     CollectionSummaryType.all,
     CollectionSummaryType.archive,
-    CollectionSummaryType.favorites,
 ]);
 
 export const HIDE_FROM_COLLECTION_BAR_TYPES = new Set([

src/utils/strings/englishConstants.tsx

@@ -140,6 +140,7 @@ const englishConstants = {
     CREATE: 'Create',
     DOWNLOAD: 'Download',
     DOWNLOAD_OPTION: 'Download (D)',
+    DOWNLOAD_FAVOURITES: 'Download favourites',
     COPY_OPTION: 'Copy as PNG (Ctrl/Cmd - C)',
     TOGGLE_FULLSCREEN: 'Toggle fullscreen (F)',
     ZOOM_IN_OUT: 'Zoom in/out',
@@ -682,6 +683,8 @@ const englishConstants = {
     INSTALL: 'Install',
     ALBUM_URL: 'Album url',
     PUBLIC_SHARING: 'Public link',
+    SHARING_DETAILS: 'Sharing details',
+    MODIFY_SHARING: 'Modify sharing',
     NOT_FOUND: '404 - not found',
     LINK_EXPIRED: 'Link expired',
     LINK_EXPIRED_MESSAGE: 'This link has either expired or been disabled!',