From 3ff1610ae015d9fa655a3af9c4e66fe014061cf9 Mon Sep 17 00:00:00 2001
From: gintil <michael994664@gmail.com>
Date: Fri, 14 Feb 2025 19:06:53 -0500
Subject: [PATCH] Improve verbiage on save changes popup bar

---
 .../src/components/SaveUnsavedChangesPopupBar/index.tsx   | 8 +++-----
 .../components/DiscordMessageForm/index.tsx               | 6 +++---
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/services/backend-api/client/src/components/SaveUnsavedChangesPopupBar/index.tsx b/services/backend-api/client/src/components/SaveUnsavedChangesPopupBar/index.tsx
index 50a2a2f8e..b4f87ace7 100644
--- a/services/backend-api/client/src/components/SaveUnsavedChangesPopupBar/index.tsx
+++ b/services/backend-api/client/src/components/SaveUnsavedChangesPopupBar/index.tsx
@@ -1,7 +1,6 @@
 import { useFormContext } from "react-hook-form";
 import { Button, Flex, HStack, Text } from "@chakra-ui/react";
 import { motion } from "framer-motion";
-import { useTranslation } from "react-i18next";
 import { isEqual } from "lodash";
 import { AnimatedComponent } from "../AnimatedComponent";
 
@@ -15,7 +14,6 @@ interface Props {
 }
 
 export const SavedUnsavedChangesPopupBar = ({ useDirtyFormCheck }: Props) => {
-  const { t } = useTranslation();
   const {
     formState: { isSubmitting, isValid, defaultValues, isDirty: formContextIsDirty },
     reset,
@@ -45,14 +43,14 @@ export const SavedUnsavedChangesPopupBar = ({ useDirtyFormCheck }: Props) => {
           exit={{ opacity: 0, bottom: "-100px" }}
         >
           <HStack justifyContent="space-between" width="100%">
-            <Text>You have unsaved changes!</Text>
+            <Text>You have unsaved changes on this page!</Text>
             <HStack>
               <Button
                 onClick={() => reset(defaultValues)}
                 variant="ghost"
                 isDisabled={!isDirty || isSubmitting}
               >
-                <span>{t("features.feed.components.sidebar.resetButton")}</span>
+                <span>Discard all changes</span>
               </Button>
               <Button
                 type="submit"
@@ -60,7 +58,7 @@ export const SavedUnsavedChangesPopupBar = ({ useDirtyFormCheck }: Props) => {
                 isDisabled={isSubmitting || !isDirty || !isValid}
                 isLoading={isSubmitting}
               >
-                <span>{t("features.feed.components.sidebar.saveButton")}</span>
+                <span>Save all changes</span>
               </Button>
             </HStack>
           </HStack>
diff --git a/services/backend-api/client/src/features/feedConnections/components/DiscordMessageForm/index.tsx b/services/backend-api/client/src/features/feedConnections/components/DiscordMessageForm/index.tsx
index c545cc745..4f2da6d46 100644
--- a/services/backend-api/client/src/features/feedConnections/components/DiscordMessageForm/index.tsx
+++ b/services/backend-api/client/src/features/feedConnections/components/DiscordMessageForm/index.tsx
@@ -433,14 +433,14 @@ export const DiscordMessageForm = ({ onClickSave, articleIdToPreview, guildId }:
                   exit={{ opacity: 0, bottom: "-100px" }}
                 >
                   <HStack justifyContent="space-between" width="100%">
-                    <Text>You have unsaved changes!</Text>
+                    <Text>You have unsaved changes on this page!</Text>
                     <HStack>
                       <Button
                         onClick={() => reset()}
                         variant="ghost"
                         isDisabled={!isDirty || isSubmitting}
                       >
-                        <span>{t("features.feed.components.sidebar.resetButton")}</span>
+                        <span>Discard all changes</span>
                       </Button>
                       <Button
                         type="submit"
@@ -448,7 +448,7 @@ export const DiscordMessageForm = ({ onClickSave, articleIdToPreview, guildId }:
                         isDisabled={isSubmitting || !isDirty || errorsExist}
                         isLoading={isSubmitting}
                       >
-                        <span>{t("features.feed.components.sidebar.saveButton")}</span>
+                        <span>Save all changes</span>
                       </Button>
                     </HStack>
                   </HStack>