+ {galleryContext.isDeduplicating ? (
+
+ {constants.NO_DUPLICATES_FOUND}
+
+ ) : (
+ <>
+
+
+ {constants.UPLOAD_FIRST_PHOTO_DESCRIPTION}
+
+
+ >
+ )}
+
+ );
+}
diff --git a/src/components/PhotoFrame.tsx b/src/components/PhotoFrame.tsx
index cbebbc66f..effc3eb7f 100644
--- a/src/components/PhotoFrame.tsx
+++ b/src/components/PhotoFrame.tsx
@@ -1,7 +1,6 @@
import { GalleryContext } from 'pages/gallery';
import PreviewCard from './pages/gallery/PreviewCard';
import React, { useContext, useEffect, useRef, useState } from 'react';
-import { Button } from 'react-bootstrap';
import { EnteFile } from 'types/file';
import styled from 'styled-components';
import DownloadManager from 'services/downloadManager';
@@ -23,6 +22,7 @@ import { FILE_TYPE } from 'constants/file';
import PublicCollectionDownloadManager from 'services/publicCollectionDownloadManager';
import { PublicCollectionGalleryContext } from 'utils/publicCollectionGallery';
import { useRouter } from 'next/router';
+import EmptyScreen from './EmptyScreen';
const Container = styled.div`
display: block;
@@ -37,19 +37,6 @@ const Container = styled.div`
}
`;
-const EmptyScreen = styled.div`
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- flex: 1;
- color: #51cd7c;
-
- & > svg {
- filter: drop-shadow(3px 3px 5px rgba(45, 194, 98, 0.5));
- }
-`;
-
const PHOTOSWIPE_HASH_SUFFIX = '&opened';
interface Props {
@@ -547,37 +534,7 @@ const PhotoFrame = ({
return (
<>
{!isFirstLoad && files.length === 0 && !isInSearchMode ? (
-