From 28a6fccaa74bba4c166f23722935a8c28ceb107b Mon Sep 17 00:00:00 2001
From: yassinedorbozgithub <yassine.dorboz.2022@gmail.com>
Date: Thu, 6 Feb 2025 00:32:59 +0100
Subject: [PATCH] refactor(frontend): update translation formDialog

---
 .../translations/TranslationFormDialog.tsx    | 34 ++++++-------------
 1 file changed, 11 insertions(+), 23 deletions(-)

diff --git a/frontend/src/components/translations/TranslationFormDialog.tsx b/frontend/src/components/translations/TranslationFormDialog.tsx
index aa1c75ef..86143203 100644
--- a/frontend/src/components/translations/TranslationFormDialog.tsx
+++ b/frontend/src/components/translations/TranslationFormDialog.tsx
@@ -6,31 +6,19 @@
  * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
  */
 
-import { FC } from "react";
-
-import { FormDialog } from "@/app-components/dialogs";
-import { useTranslate } from "@/hooks/useTranslate";
+import { GenericFormDialog } from "@/app-components/dialogs";
 import { ComponentFormDialogProps } from "@/types/common/dialogs.types";
 import { ITranslation } from "@/types/translation.types";
 
 import { TranslationForm } from "./TranslationForm";
 
-export const TranslationFormDialog: FC<
-  ComponentFormDialogProps<ITranslation>
-> = ({ payload, ...rest }) => {
-  const { t } = useTranslate();
-
-  return (
-    <TranslationForm
-      data={payload}
-      onSuccess={() => {
-        rest.onClose(true);
-      }}
-      Wrapper={FormDialog}
-      WrapperProps={{
-        title: t("title.update_translation"),
-        ...rest,
-      }}
-    />
-  );
-};
+export const TranslationFormDialog = <T extends ITranslation = ITranslation>(
+  props: ComponentFormDialogProps<T>,
+) => (
+  <GenericFormDialog<T>
+    Form={TranslationForm}
+    addText="title.new_label"
+    editText="title.edit_label"
+    {...props}
+  />
+);