Improve verbiage on save changes popup bar

synzen · Feb 15, 2025 · 3ff1610 · 3ff1610
1 parent cd2b073
commit 3ff1610
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git 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,22 +43,22 @@ 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"
                 colorScheme="blue"
                 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/...s/backend-api/client/src/features/feedConnections/components/DiscordMessageForm/index.tsx b/...s/backend-api/client/src/features/feedConnections/components/DiscordMessageForm/index.tsx
@@ -433,22 +433,22 @@ 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"
                         colorScheme="blue"
                         isDisabled={isSubmitting || !isDirty || errorsExist}
                         isLoading={isSubmitting}
                       >
-                        <span>{t("features.feed.components.sidebar.saveButton")}</span>
+                        <span>Save all changes</span>
                       </Button>
                     </HStack>
                   </HStack>