[Docs] Update EuiConfirmModal examples (#6519)

* [Docs] Update `EuiConfirmModal` examples * Adding a width * Update src-docs/src/views/modal/confirm_modal.tsx Co-authored-by: florent-leborgne <[email protected]> Co-authored-by: florent-leborgne <[email protected]>
elastic · Jan 12, 2023 · e0ac6a2 · e0ac6a2
1 parent 4975921
commit e0ac6a2
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 18 deletions.
diff --git a/src-docs/src/views/button/guidelines.js b/src-docs/src/views/button/guidelines.js
@@ -541,14 +541,6 @@ export default () => (
         <EuiTableHeaderCell>Use this instead</EuiTableHeaderCell>
       </EuiTableHeader>
       <EuiTableBody>
-        <EuiTableRow>
-          <EuiTableRowCell>
-            <EuiButton color="danger">Discard</EuiButton>
-          </EuiTableRowCell>
-
-          <EuiTableRowCell>Remove or Delete</EuiTableRowCell>
-        </EuiTableRow>
-
         <EuiTableRow>
           <EuiTableRowCell>
             <EuiButton>New</EuiButton>

diff --git a/src-docs/src/views/modal/confirm_modal.tsx b/src-docs/src/views/modal/confirm_modal.tsx
@@ -22,15 +22,19 @@ export default () => {
   if (isModalVisible) {
     modal = (
       <EuiConfirmModal
-        title="Do this thing"
+        style={{ width: 600 }}
+        title="Update subscription to Platinum?"
         onCancel={closeModal}
         onConfirm={closeModal}
-        cancelButtonText="No, don't do it"
-        confirmButtonText="Yes, do it"
+        cancelButtonText="Cancel"
+        confirmButtonText="Update subscription"
         defaultFocusedButton="confirm"
       >
-        <p>You&rsquo;re about to do something.</p>
-        <p>Are you sure you want to do this?</p>
+        <p>
+          Your subscription and benefits increase immediately. If you change to
+          a lower subscription later, it will not take affect until the next
+          billing cycle.
+        </p>
       </EuiConfirmModal>
     );
   }
@@ -40,16 +44,15 @@ export default () => {
   if (isDestroyModalVisible) {
     destroyModal = (
       <EuiConfirmModal
-        title="Do this destructive thing"
+        title="Discard dashboard changes?"
         onCancel={closeDestroyModal}
         onConfirm={closeDestroyModal}
-        cancelButtonText="No, don't do it"
-        confirmButtonText="Yes, do it"
+        cancelButtonText="Keep editing"
+        confirmButtonText="Discard changes"
         buttonColor="danger"
         defaultFocusedButton="confirm"
       >
-        <p>You&rsquo;re about to destroy something.</p>
-        <p>Are you sure you want to do this?</p>
+        <p>You will lose all unsaved changes made to this dashboard.</p>
       </EuiConfirmModal>
     );
   }