add cancel text prop to modal

Author: dvargas92495

.github/workflows/components.yaml

@@ -14,7 +14,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v1
         with:
-          node-version: 14.17.6
+          node-version: 16.14.0
       - name: install
         run: npm install
       - name: yarn

.github/workflows/pr.yaml

@@ -6,10 +6,10 @@ jobs:
     runs-on: ubuntu-20.04
     steps:
       - uses: actions/checkout@v2
-      - name: Use Node.js 14.17.6
+      - name: Use Node.js 16.14.0
         uses: actions/setup-node@v1
         with:
-          node-version: 14.17.6
+          node-version: 16.14.0
       - name: install
         run: npm install
       - name: yarn

components/Modal/Modal.tsx

@@ -62,6 +62,7 @@ const Modal: React.FC<{
   confirmText?: string;
   onConfirm?: () => void | Promise<void> | boolean | Promise<boolean>;
   onCancel?: () => void | boolean;
+  cancelText?: string;
   disabled?: boolean;
   hideCloseIcon?: boolean;
   hideFooter?: boolean;
@@ -71,6 +72,7 @@ const Modal: React.FC<{
   setIsOpen,
   children,
   confirmText = "Submit",
+  cancelText = "Cancel",
   onConfirm,
   onCancel,
   disabled = false,
@@ -145,13 +147,15 @@ const Modal: React.FC<{
                 <ModalFooter>
                   {error && <ErrorMessage>{error}</ErrorMessage>}
                   {loading && <Loading>Loading...</Loading>}
-                  <Button
-                    onClick={onCancelClick}
-                    type="secondary"
-                    disabled={loading}
-                  >
-                    Cancel
-                  </Button>
+                  {cancelText && (
+                    <Button
+                      onClick={onCancelClick}
+                      type="secondary"
+                      disabled={loading}
+                    >
+                      {cancelText}
+                    </Button>
+                  )}
                   <ConfirmButton
                     onClick={onConfirmClick}
                     type="primary"