From 5f04ab2faffeff8d62be97c6dcf5cb97f40364fa Mon Sep 17 00:00:00 2001
From: Michael Geers <michael@geers.tv>
Date: Thu, 23 Oct 2025 11:06:26 +0200
Subject: [PATCH] Config UI: fix grid title (#24661)

---
 assets/js/components/Config/MeterCard.vue | 6 ++++++
 assets/js/views/Config.vue                | 1 +
 tests/config-grid.spec.ts                 | 1 +
 3 files changed, 8 insertions(+)

diff --git a/assets/js/components/Config/MeterCard.vue b/assets/js/components/Config/MeterCard.vue
index 46ff567dd..129e3b1ec 100644
--- a/assets/js/components/Config/MeterCard.vue
+++ b/assets/js/components/Config/MeterCard.vue
@@ -43,6 +43,9 @@ export default {
 			type: Boolean,
 			default: false,
 		},
+		title: {
+			type: String,
+		},
 		tags: {
 			type: Object,
 			default: () => ({}),
@@ -51,6 +54,9 @@ export default {
 	emits: ["edit"],
 	computed: {
 		cardTitle() {
+			if (this.title) {
+				return this.title;
+			}
 			if (this.meter.deviceTitle) {
 				return this.meter.deviceTitle;
 			}
diff --git a/assets/js/views/Config.vue b/assets/js/views/Config.vue
index 2c18144bd..c9e4235bf 100644
--- a/assets/js/views/Config.vue
+++ b/assets/js/views/Config.vue
@@ -83,6 +83,7 @@
 						<MeterCard
 							v-if="gridMeter"
 							:meter="gridMeter"
+							:title="$t('config.grid.title')"
 							meter-type="grid"
 							:has-error="hasDeviceError('meter', gridMeter.name)"
 							:tags="deviceTags('meter', gridMeter.name)"
diff --git a/tests/config-grid.spec.ts b/tests/config-grid.spec.ts
index 57c45785c..7024f81d7 100644
--- a/tests/config-grid.spec.ts
+++ b/tests/config-grid.spec.ts
@@ -57,6 +57,7 @@ test.describe("grid meter", async () => {
 
     // restart
     await restart(CONFIG_ONE_LP);
+    await expect(page.getByTestId("grid")).toContainText("Grid meter");
     await expect(page.getByTestId("grid").getByTestId("device-tag-power")).toContainText("5.0 kW");
 
     // check in main ui