diff --git a/src/components/pages/gallery/SelectedFileOptions.tsx b/src/components/pages/gallery/SelectedFileOptions.tsx
index 5f03ae805..ebf041aca 100644
--- a/src/components/pages/gallery/SelectedFileOptions.tsx
+++ b/src/components/pages/gallery/SelectedFileOptions.tsx
@@ -13,10 +13,18 @@ import MoveIcon from 'components/icons/MoveIcon';
import { COLLECTION_OPS_TYPE } from 'utils/collection';
import { ALL_SECTION, ARCHIVE_SECTION } from './Collections';
import UnArchive from 'components/icons/UnArchive';
+import { OverlayTrigger } from 'react-bootstrap';
+import { Collection } from 'services/collectionService';
interface Props {
- addToCollectionHelper: (collectionName, collection) => void;
- moveToCollectionHelper: (collectionName, collection) => void;
+ addToCollectionHelper: (
+ collectionName: string,
+ collection: Collection
+ ) => void;
+ moveToCollectionHelper: (
+ collectionName: string,
+ collection: Collection
+ ) => void;
showCreateCollectionModal: (opsType: COLLECTION_OPS_TYPE) => () => void;
setDialogMessage: SetDialogMessage;
setCollectionSelectorAttributes: SetCollectionSelectorAttributes;
@@ -34,6 +42,7 @@ const SelectionBar = styled(Navbar)`
color: #fff;
z-index: 1001;
width: 100%;
+ padding: 0 16px;
`;
const SelectionContainer = styled.div`
@@ -85,6 +94,14 @@ const SelectedFileOptions = ({
});
};
+ const IconWithMessage = (props) => (
+