link-stack/apps/bridge-frontend/app/_components/Create.tsx
2024-04-24 21:44:05 +02:00

47 lines
955 B
TypeScript

"use client";
import { FC } 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;
children: any;
}
export const Create: FC<CreateProps> = ({
title,
entity,
formAction,
children,
}) => {
const router = useRouter();
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>
);
};