From 59bb4996ff01582025c37f179d4398fe4dd553b1 Mon Sep 17 00:00:00 2001 From: b0txec Date: Sun, 23 Aug 2026 13:31:22 +0300 Subject: [PATCH] =?UTF-8?q?Promote=20Br=C4=ABdin=C4=81jumi=20to=20the=20vi?= =?UTF-8?q?sible=20header=20nav,=20add=20icons=20throughout?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Brīdinājumi was tucked in the "Vairāk" overflow menu despite being a primary newsroom workflow. Moved it into the always-visible nav alongside Stacijas/Kartes/Faktiskā/Ūdens, and gave every visible nav item a small icon (reusing the same icons as their Home cards) so the header matches the icon treatment the overflow menu already had. --- web/src/App.tsx | 11 +++++++---- web/src/css/menu.module.css | 2 +- 2 files changed, 8 insertions(+), 5 deletions(-) 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