Overwrite indicator

Author: scatwang-a11y

src/explorer/googleDriveUploadDialog/GoogleDriveUploadDialog.tsx

@@ -32,6 +32,9 @@ const GoogleDriveUploadDialog: React.FunctionComponent = () => {
     const isUploadFailed = useSelector(
         (s) => s.explorer.googleDriveUploadDialog.isUploadFailed,
     );
+    const overwroteExistingFile = useSelector(
+        (s) => s.explorer.googleDriveUploadDialog.overwroteExistingFile,
+    );
 
     const inputRef = useRef<HTMLInputElement>(null);
 
@@ -122,6 +125,7 @@ const GoogleDriveUploadDialog: React.FunctionComponent = () => {
                             >
                                 {fileName}
                             </a>
+                            {(overwroteExistingFile && ' (Overwrote)') || ' (New file)'}
                         </div>
                     )}
                     {isUploadFailed && <div>Upload failed.</div>}

src/explorer/googleDriveUploadDialog/reducers.ts

@@ -57,6 +57,16 @@ const uploadedDocId: Reducer<string> = (state = '', action) => {
     return state;
 };
 
+const overwroteExistingFile: Reducer<boolean> = (state = false, action) => {
+    if (googleDriveUploadDialogShow.matches(action)) {
+        return false;
+    }
+    if (googleDriveDidUploadFile.matches(action)) {
+        return action.overwroteExistingFile;
+    }
+    return state;
+};
+
 const isUploadFailed: Reducer<boolean> = (state = false, action) => {
     if (googleDriveUploadDialogShow.matches(action)) {
         return false;
@@ -66,10 +76,12 @@ const isUploadFailed: Reducer<boolean> = (state = false, action) => {
     }
     return state;
 };
+
 export default combineReducers({
     isOpen,
     fileName,
     descFolder,
     uploadedDocId,
     isUploadFailed,
+    overwroteExistingFile,
 });

src/googleDrive/actions.ts

@@ -17,10 +17,13 @@ export const googleDriveUploadFile = createAction(
     }),
 );
 
-export const googleDriveDidUploadFile = createAction((uploadedFileId: string) => ({
-    type: 'googleDrive.action.didUploadFile',
-    uploadedFileId,
-}));
+export const googleDriveDidUploadFile = createAction(
+    (uploadedFileId: string, overwroteExistingFile: boolean) => ({
+        type: 'googleDrive.action.didUploadFile',
+        uploadedFileId,
+        overwroteExistingFile,
+    }),
+);
 
 export const googleDriveFailToUploadFile = createAction((err: Error) => ({
     type: 'googleDrive.action.failToUploadFile',

src/googleDrive/sagas.ts

@@ -151,7 +151,7 @@ function* handleUploadFile(
 
         const fileId = yield* call(() => uploadFile);
 
-        yield* put(googleDriveDidUploadFile(fileId));
+        yield* put(googleDriveDidUploadFile(fileId, existingFile !== undefined));
     } catch (err) {
         console.log('Failed to upload file to Google Drive:', err);
         yield* put(googleDriveFailToUploadFile(ensureError(err)));