diff --git a/web/src/App.tsx b/web/src/App.tsx index 4e4cd9a..36eaf26 100644 --- a/web/src/App.tsx +++ b/web/src/App.tsx @@ -1,6 +1,6 @@ import { Component, createSignal, onCleanup, onMount, ParentComponent } from 'solid-js' import { A, Route, Router, useLocation } from '@solidjs/router' -import { AlertTriangle, Archive, Database as DatabaseIcon, Map, Menu, Wind, X } from 'lucide-solid' +import { AlertTriangle, Archive, BarChart3, CloudSun, Database as DatabaseIcon, Map, Menu, RadioTower, Waves, Wind, X } from 'lucide-solid' import styles from './css/menu.module.css'; import { Country } from './pages/country/Country'; @@ -41,14 +41,17 @@ const AppLayout: ParentComponent = (props) => { const location = useLocation() let moreMenu: HTMLDivElement | undefined const primaryPages = [ - ['/station', 'Stacijas'], ['/cities', 'Kartes'], ['/faktiska', 'Faktiskā'], ['/udens-temperatura', 'Ūdens'], + {path: '/station', label: 'Stacijas', icon: RadioTower}, + {path: '/cities', label: 'Kartes', icon: BarChart3}, + {path: '/faktiska', label: 'Faktiskā', icon: CloudSun}, + {path: '/udens-temperatura', label: 'Ūdens', icon: Waves}, + {path: '/bridinajumi', label: 'Brīdinājumi', icon: AlertTriangle}, ] const secondaryPages = [ {path: '/latvia', label: 'Apskats', icon: Map}, {path: '/database', label: 'Arhīvs', icon: Archive}, {path: '/harmonie', label: 'Harmonie', icon: Wind}, {path: '/lvgmc-forecast', label: 'LVĢMC', icon: DatabaseIcon}, - {path: '/bridinajumi', label: 'Brīdinājumi', icon: AlertTriangle}, ] const isSecondaryPage = () => secondaryPages.some(page => location.pathname === page.path) onMount(() => { @@ -74,7 +77,7 @@ const AppLayout: ParentComponent = (props) => {
setIsMoreOpen(false)}>WWeatherToolLaikapstākļu datu vide