Feat: Audit clue on transaction save (#50)

drishit96 · Sep 17, 2023 · 9c07ec4 · 9c07ec4
1 parent a081b12
commit 9c07ec4
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 8 deletions.
diff --git a/app/entry.worker.ts b/app/entry.worker.ts
@@ -13,7 +13,7 @@ const queue = new Queue("budgetsco");
 export type {};
 declare let self: ServiceWorkerGlobalScope;
 
-const STATIC_ASSETS = ["/build/", "/icons/", "/images", "/"];
+const STATIC_ASSETS = ["/build/", "/icons/", "/images", "/fonts", "/sounds", "/"];
 
 const ASSET_CACHE = "asset-cache";
 const DATA_CACHE = "data-cache";

diff --git a/app/routes/dashboard.tsx b/app/routes/dashboard.tsx
@@ -334,11 +334,13 @@ export default function Index() {
   }, []);
 
   useEffect(() => {
-    if (
-      navigation.state === "submitting" &&
-      navigation.formData?.get("formName") === "SAVE_REGISTRATION_TOKEN"
-    ) {
-      context.setSnackBarMsg("Notifications enabled");
+    if (navigation.state === "submitting") {
+      if (navigation.formData?.get("formName") === "SAVE_REGISTRATION_TOKEN") {
+        context.setSnackBarMsg("Notifications enabled");
+      } else if (navigation.formData?.get("formName") === "MARK_AS_DONE_FORM") {
+        const successSound = new Audio("/sounds/success.mp3");
+        successSound.play();
+      }
     }
   }, [navigation.state, navigation.formData, context]);
 

diff --git a/app/routes/transaction/create.tsx b/app/routes/transaction/create.tsx
@@ -238,9 +238,11 @@ export default function Create() {
   useEffect(() => {
     if (actionData?.data?.isTransactionSaved) {
       context.setSnackBarMsg("Transaction saved");
+      const successSound = new Audio("/sounds/success.mp3");
+      successSound.play();
       history.back();
     }
-  }, [actionData?.data?.isTransactionSaved]);
+  }, [actionData?.data?.isTransactionSaved, context]);
 
   useEffect(() => {
     context.showBackButton(true);
@@ -444,6 +446,7 @@ export default function Create() {
                   name="description"
                   className="input text-center"
                   placeholder="Description (optional)"
+                  dir="auto"
                 />
 
                 <Spacer size={3} />

diff --git a/app/routes/transaction/edit/$transactionId.tsx b/app/routes/transaction/edit/$transactionId.tsx
@@ -249,9 +249,11 @@ export default function EditTransaction() {
   useEffect(() => {
     if (actionData?.data?.isTransactionSaved) {
       context.setSnackBarMsg("Transaction saved");
+      const successSound = new Audio("/sounds/success.mp3");
+      successSound.play();
       history.back();
     }
-  }, [actionData?.data?.isTransactionSaved]);
+  }, [actionData?.data?.isTransactionSaved, context]);
 
   useEffect(() => {
     context.showBackButton(true);

diff --git a/prod.server.js b/prod.server.js
@@ -18,6 +18,7 @@ app.use("/build", express.static("public/build", { immutable: true, maxAge: "1y"
 app.use("/icons", express.static("public/icons", { immutable: true, maxAge: "1y" }));
 app.use("/images", express.static("public/images", { immutable: true, maxAge: "1y" }));
 app.use("/fonts", express.static("public/fonts", { immutable: true, maxAge: "1y" }));
+app.use("/sounds", express.static("public/sounds", { immutable: true, maxAge: "1y" }));
 
 //cache everything else for 1 day
 app.use(express.static("public", { maxAge: "1d" }));

diff --git a/public/sounds/success.mp3 b/public/sounds/success.mp3