feat: new labels

Adopta-Un-Abuelo · Apr 30, 2024 · 0e3570a · 0e3570a
1 parent 0794be2
commit 0e3570a
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/components/Input/InputImage.tsx b/src/components/Input/InputImage.tsx
@@ -49,7 +49,7 @@ const Cell = styled.div`
     cursor: pointer;
     gap: 12px;
     padding: 12px 24px;
-    :hover {
+    &:hover {
         background-color: ${Color.surface.background};
     }
 `
@@ -64,7 +64,7 @@ const CaptureButton = styled.div`
     background-color: white;
     cursor: pointer;
     margin-top: 8px;
-    :hover{
+    &:hover{
         background-color: ${Color.surface.primaryLow};
     }
 `

diff --git a/src/components/Label/Label.tsx b/src/components/Label/Label.tsx
@@ -141,6 +141,12 @@ const Label = (props: Props) =>{
                     backgroundColor: Color.background.redLow,
                     text: 'Cancelado'
                 }
+            case 'canceled':
+                return{
+                    color: Color.text.red,
+                    backgroundColor: Color.background.redLow,
+                    text: 'Cancelada'
+                }
             case 'No resuelto':
                 return{
                     color: Color.text.red,
@@ -153,6 +159,12 @@ const Label = (props: Props) =>{
                     backgroundColor: '#E4F8EE',
                     text: 'Resuelto'
                 }
+            case 'active':
+                return{
+                    color: '#448B6D',
+                    backgroundColor: '#E4F8EE',
+                    text: 'Activa'
+                }
             case 'Resuelto':
                 return{
                     color: '#448B6D',