Update first screen

src/components/PhotoFrame.tsx

@@ -489,8 +489,11 @@ const PhotoFrame = ({
     return (
         <>
             {!isFirstLoad && files.length === 0 && !searchMode ? (
-                <EmptyScreen>
+                <EmptyScreen onClick={openFileUploader}>
                     <img height={150} src="/images/gallery.png" />
+                    <div style={{ color: '#a6a6a6', marginTop: '16px' }}>
+                        {constants.UPLOAD_FIRST_PHOTO_DESCRIPTION}
+                    </div>
                     <Button
                         variant="outline-success"
                         onClick={openFileUploader}

src/utils/strings/englishConstants.tsx

@@ -138,7 +138,8 @@ const englishConstants = {
     NO_INTERNET_CONNECTION:
         'please check your internet connection and try again',
     TITLE: 'ente.io | encrypted photo storage',
-    UPLOAD_FIRST_PHOTO: 'backup a memory',
+    UPLOAD_FIRST_PHOTO_DESCRIPTION: 'preserve your first memory with ente',
+    UPLOAD_FIRST_PHOTO: 'preserve',
     UPLOAD_DROPZONE_MESSAGE: 'drop to backup your files',
     CONFIRM_DELETE_FILE: 'confirm file deletion',
     DELETE_FILE_MESSAGE: 'sure you want to delete selected files?',