Add option to copy encrypted file path

Author: alichtman

src/renderer/App.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable no-alert */
 /* eslint-disable no-else-return */
 /* eslint-disable no-console */
 import { useState } from 'react';
@@ -184,7 +185,19 @@ export default function App() {
     return (
       <SucessOrErrorModal
         onGoHome={() => {
-          resetToFileUpload();
+          if (!pathToEncryptedOrDecryptedFile) {
+            resetToFileUpload();
+          } else {
+            navigator.clipboard
+              .writeText(pathToEncryptedOrDecryptedFile)
+              .then(() => {
+                return alert('File path copied to clipboard!');
+              })
+              .catch((err) => {
+                console.error('Failed to copy: ', err);
+              });
+            resetToFileUpload();
+          }
         }}
         onRevealInFinder={revealInFinder}
         errorMessage={undefined}

src/renderer/SuccessOrErrorModal.tsx

@@ -30,33 +30,43 @@ export default function SuccessOrErrorModal({
 
   const mainText = isSuccess ? 'Success!' : 'Something went wrong!';
 
+  const revealInFinderButton = isSuccess && (
+    <Button
+      buttonType="primary"
+      onClick={() => {
+        onRevealInFinder();
+      }}
+    >
+      <span className="openFinderText">Reveal in file browser</span>
+    </Button>
+  );
+  const goHomeWithOptionalCopyToClipboard = isSuccess ? (
+    <Button buttonType="goHome" onClick={onGoHome}>
+      <span className="backToHomeText">
+        Copy encrypted file path to clipboard and go home
+      </span>
+    </Button>
+  ) : (
+    <Button buttonType="goHome" onClick={onGoHome}>
+      <span className="backToHomeText">Return home</span>
+    </Button>
+  );
+
   return (
     <div className="successOrErrorBody">
       <Lottie options={animationOptions} height={100} width={200} />
       <span className="successOrErrorHeaderText">{mainText}</span>
       {!isSuccess && errorMessage && (
         <p className="errorText">
-          {errorMessage
-            .split('`')
-            .map((part, index) =>
-              index % 2 === 0 ? part : <code className="filePath">{part}</code>,
-            )}
+          {errorMessage.split('`').map(
+            (part, index) =>
+              index % 2 === 0 ? part : <code className="filePath">{part}</code>, // Split on backticks and render the text as code
+          )}
         </p>
       )}
       <div className="buttonsWrapper">
-        {isSuccess && (
-          <Button
-            buttonType="primary"
-            onClick={() => {
-              onRevealInFinder();
-            }}
-          >
-            <span className="openFinderText">Reveal in file browser</span>
-          </Button>
-        )}
-        <Button buttonType="goHome" onClick={onGoHome}>
-          <span className="backToHomeText">Return home</span>
-        </Button>
+        {revealInFinderButton}
+        {goHomeWithOptionalCopyToClipboard}
       </div>
     </div>
   );