[feat] Add map icon to toggle button

DSSD-Madison · Dec 3, 2024 · 82f6156 · 82f6156
1 parent 425d62e
commit 82f6156
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/pages/StatsDashboard.tsx b/src/pages/StatsDashboard.tsx
@@ -8,6 +8,7 @@ import IncidentsStats from '@/components/graphs/IncidentsStats'
 import LineGraph from '@/components/graphs/LineGraph'
 import PieChart from '@/components/graphs/PieChart'
 import StatisticsFilterMap from '@/components/StatisticsFilterMap'
+import { LucideMap } from 'lucide-react'
 
 export type filterDispatchType = { type: 'ADD_FILTER' | 'REMOVE_FILTER' | 'UPDATE_FILTER'; payload: Partial<filterType> }
 
@@ -76,7 +77,11 @@ const StatsDashboard: React.FC<StatsDashboardProps> = ({ data }) => {
     <div className="h-full p-4">
       <div className="flow-row flex items-center justify-between">
         <h1 className="text-2xl font-semibold">Estadísticas</h1>
-        <button className="m-1 rounded-md px-2 py-1 hover:bg-black hover:bg-opacity-10" onClick={() => setIsShowingMap(!isShowingMap)}>
+        <button
+          className="m-1 flex items-center rounded-md px-2 py-1 hover:bg-black hover:bg-opacity-10"
+          onClick={() => setIsShowingMap(!isShowingMap)}
+        >
+          <LucideMap size={20} className="mr-1" />
           {isShowingMap ? 'Ocultar Mapa' : 'Mostrar Mapa'}
         </button>
       </div>