diff --git a/src/components/Collections/CollectionOptions/index.tsx b/src/components/Collections/CollectionOptions/index.tsx index b8d9d1201..31d0d8e2f 100644 --- a/src/components/Collections/CollectionOptions/index.tsx +++ b/src/components/Collections/CollectionOptions/index.tsx @@ -202,6 +202,11 @@ const CollectionOptions = (props: CollectionOptionsProps) => { action: handleCollectionAction(CollectionActions.DELETE), variant: 'danger', }, + secondary: { + text: constants.KEEP_PHOTOS, + action: handleCollectionAction(CollectionActions.KEEP_FILES), + variant: 'primary', + }, close: { text: constants.CANCEL, }, diff --git a/src/components/DialogBox/index.tsx b/src/components/DialogBox/index.tsx index fce23fd69..86c19310a 100644 --- a/src/components/DialogBox/index.tsx +++ b/src/components/DialogBox/index.tsx @@ -96,6 +96,18 @@ export default function DialogBox({ {attributes.proceed.text} )} + {attributes.secondary && ( + + )} )} diff --git a/src/types/dialogBox/index.ts b/src/types/dialogBox/index.ts index 4350c3388..0cbc20d30 100644 --- a/src/types/dialogBox/index.ts +++ b/src/types/dialogBox/index.ts @@ -17,6 +17,12 @@ export interface DialogBoxAttributes { variant: ButtonProps['color']; disabled?: boolean; }; + secondary?: { + text: string; + action: () => void; + variant: ButtonProps['color']; + disabled?: boolean; + }; } export type SetDialogBoxAttributes = React.Dispatch<