FWF-4012:{Feature] - Confirm modal updates.

AOT-Technologies · Dec 5, 2024 · c5c77fc · c5c77fc
1 parent b55a11c
commit c5c77fc
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 18 deletions.
diff --git a/forms-flow-components/src/components/CustomComponents/ConfirmModal.tsx b/forms-flow-components/src/components/CustomComponents/ConfirmModal.tsx
@@ -18,6 +18,7 @@ interface ConfirmModalProps {
   primaryBtndataTestid?: string;
   primaryBtnariaLabel?: string;
   secondoryBtnariaLabel?: string;
+  buttonLoading?:boolean;
 }
 
 export const ConfirmModal: React.FC<ConfirmModalProps> = React.memo(({
@@ -34,7 +35,8 @@ export const ConfirmModal: React.FC<ConfirmModalProps> = React.memo(({
   secondoryBtndataTestid = 'cancel-button',
   primaryBtndataTestid = 'Confirm-button',
   primaryBtnariaLabel = 'Confirm Button',
-  secondoryBtnariaLabel = 'Cancel Button'
+  secondoryBtnariaLabel = 'Cancel Button',
+  buttonLoading= false,
 }) => {
   return (
     <>
@@ -89,6 +91,7 @@ export const ConfirmModal: React.FC<ConfirmModalProps> = React.memo(({
             onClick={primaryBtnAction}
             dataTestid={primaryBtndataTestid}
             ariaLabel={primaryBtnariaLabel}
+            buttonLoading={buttonLoading}
           />
           <CustomButton
             variant="secondary"

diff --git a/forms-flow-components/src/components/SvgIcons/index.tsx b/forms-flow-components/src/components/SvgIcons/index.tsx
@@ -668,20 +668,3 @@ export const StarPremiumIcon = ({ color = baseColor,...props }) => (
   </svg>
 );
 
-export const StrokeLine = ({ color = grayColor}) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="318"
-    height="3"
-    viewBox="0 0 318 3"
-    fill="none"
-  >
-    <path
-      d="M1 1.5L317 1.50003"
-      stroke={color}
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeDasharray="8 8"
-    />
-  </svg>
-);
diff --git a/forms-flow-theme/scss/_forms.scss b/forms-flow-theme/scss/_forms.scss
@@ -459,3 +459,8 @@ select option:hover {
     display: none !important;
   }
 }
+
+.dashed-line {
+  width: 8.8125rem;
+  border-top: 0.1875rem dashed var(--ff-gray-300);
+}