bar tooltips: refractor more

.config/quickshell/ii/modules/bar/weather/WeatherBar.qml

@@ -21,7 +21,7 @@ MouseArea {
 
         MaterialSymbol {
             fill: 0
-            text: WeatherIcons.codeToName[Weather.data.wCode]
+            text: WeatherIcons.codeToName[Weather.data.wCode] ?? "cloud"
             iconSize: Appearance.font.pixelSize.large
             color: Appearance.colors.colOnLayer1
             Layout.alignment: Qt.AlignVCenter
@@ -36,12 +36,8 @@ MouseArea {
         }
     }
 
-    StyledPopup {
+    WeatherPopup {
+        id: weatherPopup
         hoverTarget: root
-
-        WeatherPopup {
-            id: weatherPopup
-            anchors.centerIn: parent
-        }
     }
 }

.config/quickshell/ii/modules/bar/weather/WeatherPopup.qml

@@ -6,83 +6,88 @@ import qs.modules.common.widgets
 import QtQuick
 import QtQuick.Layouts
 
-ColumnLayout {
-    id: columnLayout
-    spacing: 5
-    implicitWidth: Math.max(header.implicitWidth, gridLayout.implicitWidth)
-    implicitHeight: gridLayout.implicitHeight
+StyledPopup {
+    id: root
 
-    // Header
-    RowLayout {
-        id: header
+    ColumnLayout {
+        id: columnLayout
+        anchors.centerIn: parent
+        implicitWidth: Math.max(header.implicitWidth, gridLayout.implicitWidth)
+        implicitHeight: gridLayout.implicitHeight
         spacing: 5
-        Layout.alignment: Qt.AlignHCenter
 
-        MaterialSymbol {
-            fill: 0
-            font.weight: Font.Medium
-            text: "location_on"
-            iconSize: Appearance.font.pixelSize.large
-            color: Appearance.colors.colOnSurfaceVariant
-        }
+        // Header
+        RowLayout {
+            id: header
+            spacing: 5
+            Layout.alignment: Qt.AlignHCenter
 
-        StyledText {
-            text: Weather.data.city
-            font {
-                weight: Font.Medium
-                pixelSize: Appearance.font.pixelSize.normal
+            MaterialSymbol {
+                fill: 0
+                font.weight: Font.Medium
+                text: "location_on"
+                iconSize: Appearance.font.pixelSize.large
+                color: Appearance.colors.colOnSurfaceVariant
             }
-            color: Appearance.colors.colOnSurfaceVariant
-        }
-    }
 
-    // Metrics grid
-    GridLayout {
-        id: gridLayout
-        columns: 2
-        rowSpacing: 5
-        columnSpacing: 5
-        uniformCellWidths: true
+            StyledText {
+                text: Weather.data.city
+                font {
+                    weight: Font.Medium
+                    pixelSize: Appearance.font.pixelSize.normal
+                }
+                color: Appearance.colors.colOnSurfaceVariant
+            }
+        }
 
-        WeatherCard {
-            title: Translation.tr("UV Index")
-            symbol: "wb_sunny"
-            value: Weather.data.uv
-        }
-        WeatherCard {
-            title: Translation.tr("Wind")
-            symbol: "air"
-            value: `(${Weather.data.windDir}) ${Weather.data.wind}`
-        }
-        WeatherCard {
-            title: Translation.tr("Precipitation")
-            symbol: "rainy_light"
-            value: Weather.data.precip
-        }
-        WeatherCard {
-            title: Translation.tr("Humidity")
-            symbol: "humidity_low"
-            value: Weather.data.humidity
-        }
-        WeatherCard {
-            title: Translation.tr("Visibility")
-            symbol: "visibility"
-            value: Weather.data.visib
-        }
-        WeatherCard {
-            title: Translation.tr("Pressure")
-            symbol: "readiness_score"
-            value: Weather.data.press
-        }
-        WeatherCard {
-            title: Translation.tr("Sunrise")
-            symbol: "wb_twilight"
-            value: Weather.data.sunrise
-        }
-        WeatherCard {
-            title: Translation.tr("Sunset")
-            symbol: "bedtime"
-            value: Weather.data.sunset
+        // Metrics grid
+        GridLayout {
+            id: gridLayout
+            columns: 2
+            rowSpacing: 5
+            columnSpacing: 5
+            uniformCellWidths: true
+
+            WeatherCard {
+                title: Translation.tr("UV Index")
+                symbol: "wb_sunny"
+                value: Weather.data.uv
+            }
+            WeatherCard {
+                title: Translation.tr("Wind")
+                symbol: "air"
+                value: `(${Weather.data.windDir}) ${Weather.data.wind}`
+            }
+            WeatherCard {
+                title: Translation.tr("Precipitation")
+                symbol: "rainy_light"
+                value: Weather.data.precip
+            }
+            WeatherCard {
+                title: Translation.tr("Humidity")
+                symbol: "humidity_low"
+                value: Weather.data.humidity
+            }
+            WeatherCard {
+                title: Translation.tr("Visibility")
+                symbol: "visibility"
+                value: Weather.data.visib
+            }
+            WeatherCard {
+                title: Translation.tr("Pressure")
+                symbol: "readiness_score"
+                value: Weather.data.press
+            }
+            WeatherCard {
+                title: Translation.tr("Sunrise")
+                symbol: "wb_twilight"
+                value: Weather.data.sunrise
+            }
+            WeatherCard {
+                title: Translation.tr("Sunset")
+                symbol: "bedtime"
+                value: Weather.data.sunset
+            }
         }
     }
 }