Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-04-24 23:19:39 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

SubmitButton for FormWithConfirm

Browse Source
This commit is contained in:
Kalle 2023-01-13 00:44:14 +02:00
parent a88982e3ee
commit 54d4bbe308
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/components/FormWithConfirm.tsx
View File

@ -4,6 +4,7 @@ import invariant from "tiny-invariant";
import { useTranslation } from "~/hooks/useTranslation";
import { Button } from "./Button";
import { Dialog } from "./Dialog";
import { SubmitButton } from "./SubmitButton";
export function FormWithConfirm({
fields,
@ -37,14 +38,13 @@ export function FormWithConfirm({
<div className="stack md">
<h2 className="text-sm">{dialogHeading}</h2>
<div className="stack horizontal md justify-center">
<Button
<SubmitButton
form={id}
variant="destructive"
type="submit"
testId={dialogOpen ? "confirm-button" : undefined}
>
{deleteButtonText ?? t("common:actions.delete")}
</Button>
</SubmitButton>
<Button onClick={closeDialog}>{t("common:actions.cancel")}</Button>
</div>
</div>