Added close button when submit is present
This commit is contained in:
parent
bc5cd9e7e2
commit
741731c0e2
1 changed files with 7 additions and 1 deletions
|
|
@ -15,6 +15,7 @@ import {
|
||||||
DialogContent as ModalContent,
|
DialogContent as ModalContent,
|
||||||
} from "../../components/ui/dialog-with-no-close";
|
} from "../../components/ui/dialog-with-no-close";
|
||||||
|
|
||||||
|
import { DialogClose } from "@radix-ui/react-dialog";
|
||||||
import { Button } from "../../components/ui/button";
|
import { Button } from "../../components/ui/button";
|
||||||
import { modalHeaderType } from "../../types/components";
|
import { modalHeaderType } from "../../types/components";
|
||||||
import { cn } from "../../utils/utils";
|
import { cn } from "../../utils/utils";
|
||||||
|
|
@ -69,7 +70,12 @@ const Footer: React.FC<{
|
||||||
return submit ? (
|
return submit ? (
|
||||||
<div className="flex w-full items-center justify-between">
|
<div className="flex w-full items-center justify-between">
|
||||||
{children ?? <div />}
|
{children ?? <div />}
|
||||||
<div className="flex items-center">
|
<div className="flex items-center gap-3">
|
||||||
|
<DialogClose asChild>
|
||||||
|
<Button variant="outline" type="button">
|
||||||
|
Cancel
|
||||||
|
</Button>
|
||||||
|
</DialogClose>
|
||||||
<Button type="submit">
|
<Button type="submit">
|
||||||
{submit.icon && submit.icon}
|
{submit.icon && submit.icon}
|
||||||
{submit.label}
|
{submit.label}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue