Translating Edit and New base page

This commit is contained in:
2025-05-01 22:43:17 +02:00
parent 0a22bc1b8f
commit 3942c54ad9
2 changed files with 10 additions and 4 deletions

View File

@@ -4,7 +4,7 @@ import { useParams, Navigate } from "react-router";
import { Button, CircularProgress } from "@mui/material";
import Stack from "@mui/material/Stack";
import SaveIcon from '@mui/icons-material/Save';
import { useForm } from "@refinedev/core";
import { useForm, useTranslation } from "@refinedev/core";
import { DeleteButton } from "@refinedev/mui";
import { FirmContext } from "../../../contexts/FirmContext";
import { CrudForm } from "../../../lib/crud/components/crud-form";
@@ -19,6 +19,7 @@ type EditProps = {
const Edit = <T,>(props: EditProps) => {
const { schemaName, resource, uiSchema } = props;
const { currentFirm } = useContext(FirmContext);
const { translate: t } = useTranslation();
const resourceBasePath = `firm/${currentFirm.instance}/${currentFirm.firm}`
const { record_id } = useParams();
@@ -55,7 +56,7 @@ const Edit = <T,>(props: EditProps) => {
justifyContent: "space-between",
alignItems: "center",
}}>
<Button type='submit' variant="contained" size="large"><SaveIcon />Save</Button>
<Button type='submit' variant="contained" size="large"><SaveIcon />{t("buttons.save")}</Button>
<DeleteButton variant="contained" size="large" color="error" recordItemId={record_id}/>
</Stack>
</CrudForm>

View File

@@ -1,8 +1,10 @@
import { UiSchema } from "@rjsf/utils";
import { useContext } from "react";
import { useForm } from "@refinedev/core";
import { useForm, useTranslation } from "@refinedev/core";
import { CrudForm } from "../../../lib/crud/components/crud-form";
import { FirmContext } from "../../../contexts/FirmContext";
import SaveIcon from "@mui/icons-material/Save";
import { Button } from "@mui/material";
type NewProps = {
resource: string,
@@ -14,6 +16,7 @@ type NewProps = {
const New = <T,>(props: NewProps) => {
const { schemaName, resource, uiSchema, defaultValue } = props;
const { currentFirm } = useContext(FirmContext);
const { translate: t } = useTranslation();
const resourceBasePath = `firm/${currentFirm.instance}/${currentFirm.firm}`
const { onFinish } = useForm({
@@ -29,7 +32,9 @@ const New = <T,>(props: NewProps) => {
resourceBasePath={resourceBasePath}
defaultValue={defaultValue}
onSubmit={(data: any) => onFinish(data)}
/>
>
<Button type='submit' variant="contained" size="large"><SaveIcon />{t("buttons.create")}</Button>
</CrudForm>
)
}