Fix Icono Expandible y Top
This commit is contained in:
@@ -74,7 +74,7 @@ const MobileResultsCard = ({
|
|||||||
setIsExpanded(ambitoNivel === 'municipio');
|
setIsExpanded(ambitoNivel === 'municipio');
|
||||||
}, [ambitoNivel]);
|
}, [ambitoNivel]);
|
||||||
|
|
||||||
const topResults = data.resultadosPanel.slice(0, 4);
|
const topResults = data.resultadosPanel.slice(0, 3);
|
||||||
|
|
||||||
if (topResults.length === 0 && ambitoNivel === 'pais') {
|
if (topResults.length === 0 && ambitoNivel === 'pais') {
|
||||||
return null;
|
return null;
|
||||||
@@ -88,10 +88,10 @@ const MobileResultsCard = ({
|
|||||||
<div className="header-info">
|
<div className="header-info">
|
||||||
<h4>{ambitoNombre}</h4>
|
<h4>{ambitoNombre}</h4>
|
||||||
{/* Se añade una clase para estilizar este texto específicamente */}
|
{/* Se añade una clase para estilizar este texto específicamente */}
|
||||||
<span className="header-action-text">{isExpanded ? 'Ocultar resultados' : 'Ver top 4'}</span>
|
<span className="header-action-text">{isExpanded ? 'Ocultar resultados' : 'Ver top 3'}</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="header-toggle-icon">
|
<div className="header-toggle-icon">
|
||||||
{isExpanded ? <FiChevronUp /> : <FiChevronDown />}
|
{isExpanded ? <FiChevronDown /> : <FiChevronUp />}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="mobile-results-content">
|
<div className="mobile-results-content">
|
||||||
|
|||||||
Reference in New Issue
Block a user