55 lines
1.1 KiB
TypeScript
55 lines
1.1 KiB
TypeScript
"use client";
|
|
|
|
import { FC, useEffect } from "react";
|
|
import { Grid } from "@mui/material";
|
|
import { useRouter } from "next/navigation";
|
|
import { Button, Dialog } from "ui";
|
|
|
|
interface CreateProps {
|
|
title: string;
|
|
entity: string;
|
|
formAction: any;
|
|
formState: any;
|
|
children: any;
|
|
}
|
|
|
|
export const Create: FC<CreateProps> = ({
|
|
title,
|
|
entity,
|
|
formAction,
|
|
formState,
|
|
children,
|
|
}) => {
|
|
const router = useRouter();
|
|
|
|
useEffect(() => {
|
|
if (formState.success) {
|
|
router.push(`/${entity}/${formState.values.id}`);
|
|
}
|
|
}, [formState.success, router]);
|
|
|
|
return (
|
|
<Dialog
|
|
open
|
|
title={title}
|
|
formAction={formAction}
|
|
onClose={() => router.push(`/${entity}`)}
|
|
buttons={
|
|
<Grid container justifyContent="space-between">
|
|
<Grid item>
|
|
<Button
|
|
text="Cancel"
|
|
kind="secondary"
|
|
onClick={() => router.push(`/${entity}`)}
|
|
/>
|
|
</Grid>
|
|
<Grid item>
|
|
<Button text="Save" kind="primary" type="submit" />
|
|
</Grid>
|
|
</Grid>
|
|
}
|
|
>
|
|
{children}
|
|
</Dialog>
|
|
);
|
|
};
|