Config UI: fix grid title (#24661)

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;
 			}

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)"

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