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

Merge branch '692-create-genericformdialog-component' into 689-refactor-languages-dialogs-add-edit-delete

Browse Source
This commit is contained in:
yassinedorbozgithub 2025-02-06 00:37:24 +01:00
commit c9822b1689
6 changed files with 88 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
frontend/src/app-components/dialogs/GenericFormDialog.tsx Normal file
View File

@ -0,0 +1,43 @@
/*
* Copyright © 2025 Hexastack. All rights reserved.
*
* Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
* 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
* 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 React from "react";
import { FormDialog } 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;
addText?: TTranslationKeys;
editText?: TTranslationKeys;
};
export const GenericFormDialog = <T,>({
Form,
payload,
...rest
}: GenericFormDialogProps<T>) => {
const { t } = useTranslate();
const translationKey = payload ? rest.editText : rest.addText;
return (
<Form
data={payload}
Wrapper={FormDialog}
onSuccess={() => {
rest.onClose(true);
}}
WrapperProps={{
title: translationKey && t(translationKey),
...rest,
}}
/>
);
};

1
frontend/src/app-components/dialogs/index.ts
View File

@ -11,5 +11,6 @@ export * from "./confirm/ConfirmDialogBody";
export * from "./DeleteDialog";
export * from "./DialogTitle";
export * from "./FormDialog";
export * from "./GenericFormDialog";
export * from "./layouts/ContentContainer";
export * from "./layouts/ContentItem";

35
frontend/src/components/categories/CategoryFormDialog.tsx
View File

@ -6,32 +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 { ICategory } from "@/types/category.types";
import { ComponentFormDialogProps } from "@/types/common/dialogs.types";
import { CategoryForm } from "./CategoryForm";
export const CategoryFormDialog: FC<ComponentFormDialogProps<ICategory>> = ({
payload,
...rest
}) => {
const { t } = useTranslate();
return (
<CategoryForm
data={payload}
onSuccess={() => {
rest.onClose(true);
}}
Wrapper={FormDialog}
WrapperProps={{
title: payload ? t("title.edit_category") : t("title.new_category"),
...rest,
}}
/>
);
};
export const CategoryFormDialog = <T extends ICategory = ICategory>(
props: ComponentFormDialogProps<T>,
) => (
<GenericFormDialog<T>
Form={CategoryForm}
addText="title.new_category"
editText="title.edit_category"
{...props}
/>
);

36
frontend/src/components/context-vars/ContextVarFormDialog.tsx
View File

@ -6,33 +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 { IContextVar } from "@/types/context-var.types";
import { ContextVarForm } from "./ContextVarForm";
export const ContextVarFormDialog: FC<
ComponentFormDialogProps<IContextVar>
> = ({ payload, ...rest }) => {
const { t } = useTranslate();
return (
<ContextVarForm
data={payload}
onSuccess={() => {
rest.onClose(true);
}}
Wrapper={FormDialog}
WrapperProps={{
title: payload
? t("title.edit_context_var")
: t("title.new_context_var"),
...rest,
}}
/>
);
};
export const ContextVarFormDialog = <T extends IContextVar = IContextVar>(
props: ComponentFormDialogProps<T>,
) => (
<GenericFormDialog<T>
Form={ContextVarForm}
addText="title.new_context_var"
editText="title.edit_context_var"
{...props}
/>
);

35
frontend/src/components/labels/LabelFormDialog.tsx
View File

@ -6,32 +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 { ILabel } from "@/types/label.types";
import { LabelForm } from "./LabelForm";
export const LabelFormDialog: FC<ComponentFormDialogProps<ILabel>> = ({
payload,
...rest
}) => {
const { t } = useTranslate();
return (
<LabelForm
data={payload}
onSuccess={() => {
rest.onClose(true);
}}
Wrapper={FormDialog}
WrapperProps={{
title: payload ? t("title.edit_label") : t("title.new_label"),
...rest,
}}
/>
);
};
export const LabelFormDialog = <T extends ILabel = ILabel>(
props: ComponentFormDialogProps<T>,
) => (
<GenericFormDialog<T>
Form={LabelForm}
addText="title.new_label"
editText="title.edit_label"
{...props}
/>
);

34
frontend/src/components/translations/TranslationFormDialog.tsx
View File

@ -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}
/>
);