ldc-laravel-base-project/resources/ts/back/Pages/DynamicPages/Create.tsx
2026-07-09 17:32:17 +02:00

68 lines
2 KiB
TypeScript

import { usePage } from "@inertiajs/react";
import { ArrowLeftIcon } from "lucide-react";
import BtnOptionnalLinkWithTooltip from "@/back/Components/BtnOptionnalLinkWithTooltip";
import AuthenticatedLayout from "@/back/Layouts/AuthenticatedLayout";
import { Actions, Methods } from "@/back/lib/enums";
import Form from "@/back/Pages/DynamicPages/Form";
import type { DynamicPageModel } from "@/back/types/dynamic-pages";
import type {
AuthProp,
ConfigBackend,
SingleResource,
} from "@/back/types/global";
import useTrans from "@/hooks/use-translations";
export default function Create({
data,
modelName,
}: {
data: SingleResource;
modelName: string;
}) {
const routeName = (usePage().props.configBackend as ConfigBackend).routes
.name;
const { viewAny } = (usePage().props.auth as AuthProp).policies.dynamicPages;
const dynamicPageModel = data.data as DynamicPageModel;
// Translations.
const transBackToList = useTrans("uwil-backend::back.crud_back_to_list");
const transTitle = useTrans(
route().current(`${routeName}${modelName}.duplicate`)
? "uwil-backend::crud.helpers.duplication_model"
: "uwil-backend::crud.helpers.creation_model",
{
params: {
model: useTrans(`uwil-dynamic-pages::models.classes.${modelName}`, {
choice: 1,
}),
},
},
);
const beforeNode = () => {
return (
viewAny && (
<div className="flex justify-end items-center gap-x-1.5">
<BtnOptionnalLinkWithTooltip
link={route(`${routeName}${modelName}.index`)}
content={<ArrowLeftIcon />}
tooltipContent={<p>{transBackToList}</p>}
/>
</div>
)
);
};
return (
<AuthenticatedLayout title={transTitle} beforeNode={beforeNode()}>
<Form
model={dynamicPageModel}
modelName={modelName}
modelRoute={modelName}
action={Actions.STORE}
method={Methods.POST}
/>
</AuthenticatedLayout>
);
}