chore: #1354 Update the confirm uninstall modal style (#1470)

reapit · Jun 1, 2020 · fdef34b · fdef34b
1 parent cfed222
commit fdef34b
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 3 deletions.
diff --git a/...ce/src/components/ui/app-installations/__tests__/__snapshots__/confirm-uninstall.tsx.snap b/...ce/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
@@ -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>
           </>