diff --git a/web/src/App.tsx b/web/src/App.tsx index 4f9e38e..654092e 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 { Menu, X } from 'lucide-solid' +import { Archive, Database as DatabaseIcon, Map, Menu, Wind, X } from 'lucide-solid' import styles from './css/menu.module.css'; import { Country } from './pages/country/Country'; @@ -39,12 +39,15 @@ const AppLayout: ParentComponent = (props) => { const location = useLocation() let moreMenu: HTMLDivElement | undefined const primaryPages = [ - ['/station', 'Stations'], ['/cities', 'City analysis'], ['/faktiska', 'Faktiskā'], ['/udens-temperatura', 'Ūdens temperatūra'], + ['/station', 'Stacijas'], ['/cities', 'Kartes'], ['/faktiska', 'Faktiskā'], ['/udens-temperatura', 'Ūdens'], ] const secondaryPages = [ - ['/latvia', 'Latvia overview'], ['/database', 'Data archive'], ['/harmonie', 'HARMONIE'], ['/lvgmc-forecast', 'LVĢMC forecast'], + {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}, ] - const isSecondaryPage = () => secondaryPages.some(([path]) => location.pathname === path) + const isSecondaryPage = () => secondaryPages.some(page => location.pathname === page.path) onMount(() => { const updateHeader = () => setIsScrolled(window.scrollY > 24) const closeMoreMenu = (event: PointerEvent) => { @@ -66,15 +69,15 @@ const AppLayout: ParentComponent = (props) => { return (