58 lines
1.8 KiB
TypeScript
58 lines
1.8 KiB
TypeScript
// * Packages
|
|
import { usePage } from "@inertiajs/react";
|
|
import { route } from "ziggy-js";
|
|
import { ArrowLeft } from "lucide-react";
|
|
// * Other
|
|
import AuthenticatedLayout from "@/back/Layouts/AuthenticatedLayout";
|
|
import Form from "@/back/Pages/DynamicPages/Form";
|
|
import BtnTooltip from "@/back/Components/BtnTooltip";
|
|
import useTrans from "@/hooks/use-translations";
|
|
import { Actions, Methods } from "@/lib/enums";
|
|
import {
|
|
AuthProp,
|
|
DynamicPageModel,
|
|
SingleResource,
|
|
} from "@/back/types/global";
|
|
|
|
export default function Create({ data }: { data: SingleResource }) {
|
|
const { viewAny } = (usePage().props.auth as AuthProp).policies.dynamicPages;
|
|
const dynamicPageModel = data.data as DynamicPageModel;
|
|
const transTitle = useTrans(
|
|
route().current(`back.dynamic-pages.duplicate`)
|
|
? "crud.helpers.duplication_model"
|
|
: "crud.helpers.creation_model", {
|
|
params: {
|
|
model: useTrans("models.classes.dynamic-page", {
|
|
choice: 1,
|
|
}),
|
|
},
|
|
},
|
|
);
|
|
|
|
const beforeNode = () => {
|
|
return viewAny && (
|
|
<div className="flex justify-end items-center gap-x-1.5">
|
|
<BtnTooltip
|
|
link={route("back.dynamic-pages.index")}
|
|
content={<p>{useTrans("back.crud_back_to_list")}</p>}
|
|
icon={<ArrowLeft />}
|
|
/>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
return (
|
|
<AuthenticatedLayout
|
|
title={transTitle}
|
|
beforeNode={beforeNode()}
|
|
>
|
|
<Form
|
|
model={dynamicPageModel}
|
|
modelName="dynamic-page"
|
|
modelRoute="dynamic-pages"
|
|
action={Actions.STORE}
|
|
method={Methods.POST}
|
|
/>
|
|
</AuthenticatedLayout>
|
|
);
|
|
}
|