UniqAI/hexabot
1
0
Fork 0
mirror of https://github.com/hexastack/hexabot synced 2025-02-22 20:38:32 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(frontend): update generic components

Browse Source
This commit is contained in:
yassinedorbozgithub 2025-02-07 22:56:55 +01:00
parent f1270940be
commit 725ca3b29e
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app-components/dialogs/FormDialog.tsx
View File

@ -27,7 +27,7 @@ export const FormDialog = ({
<Dialog fullWidth {...rest}>
<DialogTitle onClose={onCancel}>{title}</DialogTitle>
<DialogContent>{children}</DialogContent>
<DialogActions style={{ padding: "0.5rem" }}>
<DialogActions>
<DialogFormButtons
{...{ onSubmit, onCancel, confirmButtonProps, cancelButtonProps }}
/>

12
frontend/src/app-components/dialogs/GenericFormDialog.tsx
View File

@ -8,29 +8,30 @@
import React from "react";
import { FormDialog } from "@/app-components/dialogs";
import { FormDialog as Wrapper } from "@/app-components/dialogs";
import { useTranslate } from "@/hooks/useTranslate";
import { TTranslationKeys } from "@/i18n/i18n.types";
import { ComponentFormDialogProps } from "@/types/common/dialogs.types";
type GenericFormDialogProps<T> = ComponentFormDialogProps<T> & {
Form: React.ElementType;
rowKey?: keyof T;
addText?: TTranslationKeys;
editText?: TTranslationKeys;
};
export const GenericFormDialog = <T,>({
Form,
payload,
rowKey,
payload: data,
...rest
}: GenericFormDialogProps<T>) => {
const { t } = useTranslate();
const translationKey = payload ? rest.editText : rest.addText;
const hasRow = rowKey ? data?.[rowKey] : data;
const translationKey = hasRow ? rest.editText : rest.addText;
return (
<Form
data={payload}
Wrapper={FormDialog}
onSuccess={() => {
rest.onClose(true);
}}
@ -38,6 +39,7 @@ export const GenericFormDialog = <T,>({
title: translationKey && t(translationKey),
...rest,
}}
{...{ data, Wrapper }}
/>
);
};