Replaced all the css into tailwind css on ProgressIndicator component (…

…#1765) Co-authored-by: Kyle Holmberg <kylemh.email@gmail.com>
OperationCode · Nov 12, 2023 · 2b5ad41 · 2b5ad41 · vercel · Nov 12, 2023
1 parent b5df44a
commit 2b5ad41
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 10 deletions.
diff --git a/components/Forms/UpdateProfileForm/__tests__/__snapshots__/UpdateProfileForm.test.js.snap b/components/Forms/UpdateProfileForm/__tests__/__snapshots__/UpdateProfileForm.test.js.snap
@@ -13,7 +13,7 @@ exports[`UpdateProfileForm should render with required props 1`] = `
     Professional Details
   </h3>
   <div
-    className="ProgressIndicator"
+    className="flex flex-col my-6 mx-0 items-center"
   >
     <label
       htmlFor="steps-indicator"

diff --git a/components/ProgressIndicator/ProgressIndicator.js b/components/ProgressIndicator/ProgressIndicator.js
@@ -1,5 +1,4 @@
 import { number } from 'prop-types';
-import styles from './ProgressIndicator.module.css';
 
 export const developmentErrors = {
   currentStepTooLow: '"currentStep" cannot be negative',
@@ -31,7 +30,7 @@ export default function ProgressIndicator({ stepNumber, totalSteps }) {
   const percentageCompleted = (stepNumber / totalSteps) * 100;
 
   return (
-    <div className={styles.ProgressIndicator}>
+    <div className="flex flex-col my-6 mx-0 items-center">
       <label htmlFor="steps-indicator">
         {stepNumber}/{totalSteps} Complete
       </label>

diff --git a/components/ProgressIndicator/ProgressIndicator.module.css b/components/ProgressIndicator/ProgressIndicator.module.css
diff --git a/components/ProgressIndicator/__tests__/__snapshots__/ProgressIndicator.test.js.snap b/components/ProgressIndicator/__tests__/__snapshots__/ProgressIndicator.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`ProgressIndicator should render with required props 1`] = `
 <div
-  className="ProgressIndicator"
+  className="flex flex-col my-6 mx-0 items-center"
 >
   <label
     htmlFor="steps-indicator"