Introduced props for naming the buttons in FixedButtonGroup

Signed-off-by: Andreas Blaettlinger <[email protected]>
bosch-io · Jun 13, 2024 · eef11f1 · eef11f1
1 parent 669297f
commit eef11f1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/js/apps/admin-ui/src/components/form/FixedButtonGroup.tsx b/js/apps/admin-ui/src/components/form/FixedButtonGroup.tsx
@@ -7,15 +7,19 @@ import style from "./fixed-buttons.module.css";
 type FixedButtonGroupProps = ActionGroupProps & {
   name: string;
   save?: () => void;
+  saveText?: string;
   reset?: () => void;
+  resetText?: string;
   isSubmit?: boolean;
   isActive?: boolean;
 };
 
 export const FixedButtonsGroup = ({
   name,
   save,
+  saveText,
   reset,
+  resetText,
   isSubmit = false,
   isActive = true,
   children,
@@ -31,7 +35,7 @@ export const FixedButtonsGroup = ({
           onClick={() => save?.()}
           type={isSubmit ? "submit" : "button"}
         >
-          {t("save")}
+          {!saveText ? t("save") : saveText}
         </Button>
       )}
       {reset && (
@@ -41,7 +45,7 @@ export const FixedButtonsGroup = ({
           variant="link"
           onClick={() => reset()}
         >
-          {t("revert")}
+          {!resetText ? t("revert") : resetText}
         </Button>
       )}
       {children}

diff --git a/js/apps/admin-ui/src/user/UserForm.tsx b/js/apps/admin-ui/src/user/UserForm.tsx
@@ -337,7 +337,9 @@ export const UserForm = ({
       </FormProvider>
       <FixedButtonsGroup
         name="user-creation"
+        saveText={user?.id ? t("save") : t("create")}
         reset={onFormReset}
+        resetText={user?.id ? t("revert") : t("cancel")}
         isActive
         isSubmit
       />