fixed Dialog action buttons (#630)

* fixed Dialog action * added asChild
2021-09-13 12:28:17 +01:00 · 2021-09-13 12:28:17 +01:00 · 8ae43ea990
parent d37ca84ebe
commit 8ae43ea990
1 changed files with 4 additions and 4 deletions
--- a/components/dialog/ConfirmationDialogContent.tsx
+++ b/components/dialog/ConfirmationDialogContent.tsx
@ -33,11 +33,11 @@ export default function ConfirmationDialogContent(props: PropsWithChildren<Confi
        </div>
      </div>
      <div className="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse gap-x-2">
-        <DialogClose as={Button} color="primary" onClick={onConfirm}>
-          {confirmBtnText}
+        <DialogClose onClick={onConfirm} asChild>
+          <Button color="primary">{confirmBtnText}</Button>
        </DialogClose>
-        <DialogClose as={Button} color="secondary">
-          {cancelBtnText}
+        <DialogClose asChild>
+          <Button color="secondary">{cancelBtnText}</Button>
        </DialogClose>
      </div>
    </DialogContent>