From cb08377bc8db22e243a81768d979130eebcedfe9 Mon Sep 17 00:00:00 2001
From: Gustavo Valverde <gustavo@iterativo.do>
Date: Thu, 22 Jun 2023 17:59:28 -0400
Subject: [PATCH] imp(steps): remove redundant password bar (#38)

---
 .../elements/passwordLevel/index.tsx          | 41 ++-----------------
 1 file changed, 4 insertions(+), 37 deletions(-)

diff --git a/src/components/elements/passwordLevel/index.tsx b/src/components/elements/passwordLevel/index.tsx
index 30c7df47..8febe814 100644
--- a/src/components/elements/passwordLevel/index.tsx
+++ b/src/components/elements/passwordLevel/index.tsx
@@ -7,7 +7,10 @@ interface PasswordRequirementProps {
   text: string;
 }
 
-const PasswordRequirement: React.FC<PasswordRequirementProps> = ({ met, text }) => (
+const PasswordRequirement: React.FC<PasswordRequirementProps> = ({
+  met,
+  text,
+}) => (
   <div>
     <CheckCircleIcon
       color={met ? 'success' : 'disabled'}
@@ -19,25 +22,7 @@ const PasswordRequirement: React.FC<PasswordRequirementProps> = ({ met, text })
   </div>
 );
 
-interface ProgressBarProps {
-  filled: boolean;
-  color: string;
-}
-
-const ProgressBar: React.FC<ProgressBarProps> = ({ filled, color }) => (
-  <div
-    style={{
-      height: '8px',
-      width: '20%',
-      background: filled ? color : '#f1f1f1',
-      borderRadius: '10px',
-    }}
-  />
-);
-
 const PASSWORD_LEVELS = ['Muy Bajo', ' Bajo', ' Medio', ' Fuerte'];
-const ProgressBarColors = ['#E05D56', '#E0D256', '#B4E056', '#A3E056'];
-
 interface PasswordLevelProps {
   passwordLevel: {
     contains: string[];
@@ -67,24 +52,6 @@ const PasswordLevel: React.FC<PasswordLevelProps> = ({ passwordLevel }) => {
         met={passwordLevel.length >= 8}
         text="8 caracteres como mínimo"
       />
-
-      <div
-        style={{
-          width: '100%',
-          display: 'flex',
-          gap: '2%',
-          marginBottom: '12px',
-          marginTop: '10px',
-        }}
-      >
-        {ProgressBarColors.map((color, index) => (
-          <ProgressBar
-            key={index}
-            filled={passwordLevel.id >= index}
-            color={color}
-          />
-        ))}
-      </div>
       <Typography
         sx={{ fontWeight: '400', fontSize: '14px', color: '#707070' }}
       >