From fdef34b02b931a8d61cf54f619e69371a4dcdc14 Mon Sep 17 00:00:00 2001
From: Khac Vy <vytk@reapit.com>
Date: Mon, 1 Jun 2020 20:14:58 +0700
Subject: [PATCH] chore: #1354 Update the confirm uninstall modal style (#1470)

---
 .../__snapshots__/confirm-uninstall.tsx.snap         | 12 ++++++++++--
 .../ui/app-installations/confirm-uninstall.tsx       | 11 ++++++++++-
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/packages/marketplace/src/components/ui/app-installations/__tests__/__snapshots__/confirm-uninstall.tsx.snap b/packages/marketplace/src/components/ui/app-installations/__tests__/__snapshots__/confirm-uninstall.tsx.snap
index 1c33d51d55..7f76756b08 100644
--- a/packages/marketplace/src/components/ui/app-installations/__tests__/__snapshots__/confirm-uninstall.tsx.snap
+++ b/packages/marketplace/src/components/ui/app-installations/__tests__/__snapshots__/confirm-uninstall.tsx.snap
@@ -28,7 +28,9 @@ exports[`ConfirmUninstall should match a snapshot when FORMSTATE is PENDING 1`]
     footerItems={
       <React.Fragment>
         <Unknown
+          className="mx-4"
           disabled={false}
+          fullWidth={true}
           loading={false}
           onClick={[MockFunction]}
           type="button"
@@ -37,10 +39,12 @@ exports[`ConfirmUninstall should match a snapshot when FORMSTATE is PENDING 1`]
           Yes, Uninstall
         </Unknown>
         <Unknown
+          className="mx-4"
           disabled={false}
+          fullWidth={true}
           onClick={[MockFunction]}
           type="button"
-          variant="secondary"
+          variant="danger"
         >
           Cancel
         </Unknown>
@@ -78,7 +82,9 @@ exports[`ConfirmUninstall should match a snapshot when FORMSTATE is SUBMITTING 1
     footerItems={
       <React.Fragment>
         <Unknown
+          className="mx-4"
           disabled={true}
+          fullWidth={true}
           loading={true}
           onClick={[MockFunction]}
           type="button"
@@ -87,10 +93,12 @@ exports[`ConfirmUninstall should match a snapshot when FORMSTATE is SUBMITTING 1
           Yes, Uninstall
         </Unknown>
         <Unknown
+          className="mx-4"
           disabled={true}
+          fullWidth={true}
           onClick={[MockFunction]}
           type="button"
-          variant="secondary"
+          variant="danger"
         >
           Cancel
         </Unknown>
diff --git a/packages/marketplace/src/components/ui/app-installations/confirm-uninstall.tsx b/packages/marketplace/src/components/ui/app-installations/confirm-uninstall.tsx
index 9b1a354292..711c79ed1f 100644
--- a/packages/marketplace/src/components/ui/app-installations/confirm-uninstall.tsx
+++ b/packages/marketplace/src/components/ui/app-installations/confirm-uninstall.tsx
@@ -117,10 +117,19 @@ export const ConfirmUninstall: React.FC<ConfirmUninstallProps> = ({
               loading={isSubmitting}
               disabled={isSubmitting}
               onClick={handleSubmit}
+              className="mx-4"
+              fullWidth
             >
               Yes, Uninstall
             </Button>
-            <Button type="button" variant="secondary" disabled={isSubmitting} onClick={afterClose}>
+            <Button
+              type="button"
+              variant="danger"
+              disabled={isSubmitting}
+              onClick={afterClose}
+              className="mx-4"
+              fullWidth
+            >
               Cancel
             </Button>
           </>