Fix colors and remove unused line of codes

README.md

@@ -153,7 +153,6 @@ I recomend Netlify since it is the fastest and easiest way to deploy it
 
 ## 👥 Authors <a name="authors"></a>
 
-> Mention all of the collaborators of this project.
 
 👤 **Mariano Benjamin**
 

src/App.css

@@ -51,25 +51,16 @@
   .paralel-container button {
     background-color: var(--main-color);
   }
+
   .paralel-container button:nth-child(4n) {
     background-color: var(--sec-color);
   }
+
   .paralel-container button:nth-child(4n-3) {
     background-color: var(--sec-color);
   }
 }
 
-/* .paralel-container button{
-  background-color: var(--main-color) ;
-}
-
-.paralel-container button:nth-child(4n){
-  background-color: var(--sec-color);
-}
-.paralel-container button:nth-child(4n-3){
-  background-color: var(--sec-color);
-} */
-
 .form-select {
   background-color: var(--main-color);
   box-shadow: none;
@@ -86,20 +77,11 @@ option {
 
 .paralel-container {
   perspective: 1000px;
-
-  /* height: 200px;
-  width: 200px;  */
   margin: 0 auto;
 }
 
 .paralel-item {
-  /* height: 100%;
-  width: 100%; */
-
-  /* background-color: blue;  */
-  transform-style: preserve-3d; /* Mantiene la transformación en 3D para los hijos */
-
-  /* transform: rotateY(45deg);  */
+  transform-style: preserve-3d;
   transition: transform 1s ease;
 }
 

src/App.jsx

@@ -1,4 +1,3 @@
-// import logo from './logo.svg';
 import './App.css';
 
 import { BrowserRouter, Routes, Route } from 'react-router-dom';

src/components/Detail.jsx

@@ -1,17 +1,13 @@
 import React from 'react';
-// import { useSelector } from 'react-redux/es/hooks/useSelector';
 import { useSelector } from 'react-redux';
 import { useNavigate } from 'react-router-dom';
 
 function Detail() {
   const navigate = useNavigate();
-  // const complete = useSelector((data) => data.data);
   const data = useSelector((data) => data.data.data);
   const selected = useSelector((data) => data.data.selected)
     || parseInt(localStorage.getItem('selected'), 10);
   const item = data[selected];
-  // console.log('complete', complete);
-  // console.log('item', data[selected]);
 
   if (!item) {
     return (

src/components/Home.jsx

@@ -17,7 +17,6 @@ function Home() {
       dispatch(setSearch(data));
       return;
     }
-    // setIsSearching(true);
     const newBusqueda = data.filter((element) => element.ticker.includes(valor.toUpperCase()));
     dispatch(setSearch(newBusqueda));
   }