Gallardo7761/contaminus
Archived
1
0
Fork 0
Code Pull Requests Activity

side menu to the left and icons in cards as props

Browse Source
This commit is contained in:
Jose
2025-02-27 11:02:55 +01:00
parent c9d9aa9ad3
commit 6e04f364f1
7 changed files with 29 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/SummaryCards.jsx
View File

@@ -5,6 +5,8 @@ import { DataProvider } from '../contexts/DataContext';
import { useData } from '../contexts/DataContext';
import { useConfig } from '../contexts/ConfigContext';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCloud, faGauge, faTemperature0, faWater } from '@fortawesome/free-solid-svg-icons';
/**
* SummaryCards.jsx
@@ -58,10 +60,10 @@ const SummaryCardsContent = () => {
const { data } = useData();
const CardsData = [
{ id: 1, title: "🌡️ Temperatura", content: "N/A", status: "Esperando datos..." },
{ id: 2, title: "💧 Humedad", content: "N/A", status: "Esperando datos..." },
{ id: 3, title: "☁️ Contaminación", content: "N/A", status: "Esperando datos..." },
{ id: 4, title: "🛤️ Carretera", content: "N/A", status: "Esperando datos..." }
{ id: 1, title: "Temperatura", content: "N/A", status: "Esperando datos...", titleIcon: <FontAwesomeIcon icon={faTemperature0} /> },
{ id: 2, title: "Humedad", content: "N/A", status: "Esperando datos...", titleIcon: <FontAwesomeIcon icon={faWater} /> },
{ id: 3, title: "Contaminación", content: "N/A", status: "Esperando datos...", titleIcon: <FontAwesomeIcon icon={faCloud} /> },
{ id: 4, title: "Presión", content: "N/A", status: "Esperando datos...", titleIcon: <FontAwesomeIcon icon={faGauge} /> }
];
if (data) {