Improve display mode button text.

src/editor.ts

@@ -557,8 +557,8 @@ export class FrigateCardEditor extends LitElement implements LovelaceCardEditor
 
   protected _displayModes: EditorSelectOption[] = [
     { value: '', label: '' },
-    { value: 'single', label: localize('config.common.display.modes.single') },
+    { value: 'single', label: localize('display_modes.single') },
-    { value: 'grid', label: localize('config.common.display.modes.grid') },
+    { value: 'grid', label: localize('display_modes.grid') },
   ];
 
   public setConfig(config: RawFrigateCardConfig): void {

src/localize/languages/en.json

@@ -153,11 +153,7 @@
         "grid_columns": "Exact number of grid columns",
         "grid_max_columns": "Maximum number of grid columns",
         "grid_selected_width_factor": "Increase selected media width by this factor",
-        "mode": "Mode",
+        "mode": "Mode"
-        "modes": {
-          "single": "Show single media viewer",
-          "grid": "Show media viewer for each camera in a grid"
-        }
       },
       "layout": {
         "fit": "Layout fit",
@@ -376,6 +372,10 @@
       }
     }
   },
+  "display_modes": {
+    "single": "Show single media viewer",
+    "grid": "Show media viewer for each camera in a grid"
+  },
   "editor": {
     "add_new_camera": "Add new camera",
     "button": "Button",

src/localize/languages/it.json

@@ -153,10 +153,7 @@
         "grid_columns": "",
         "grid_max_columns": "",
         "grid_selected_width_factor": "",
-        "modes": {
+        "mode": ""
-          "single": "",
-          "grid": ""
-        }
       },
       "layout": {
         "fit": "Adatta al layout",
@@ -369,6 +366,10 @@
       }
     }
   },
+  "display_modes": {
+    "grid": "",
+    "single": ""
+  },
   "editor": {
     "add_new_camera": "Aggiungi nuova telecamera",
     "button": "Pulsante",

src/localize/languages/pt-BR.json

@@ -153,11 +153,7 @@
         "grid_columns": "",
         "grid_max_columns": "",
         "grid_selected_width_factor": "",
-        "mode": "",
+        "mode": ""
-        "modes": {
-          "single": "",
-          "grid": ""
-        }
       },
       "layout": {
         "fit": "Ajuste de layout",
@@ -375,6 +371,10 @@
       }
     }
   },
+  "display_modes": {
+    "grid": "",
+    "single": ""
+  },
   "editor": {
     "add_new_camera": "Adicionar nova câmera",
     "button": "Botão",

src/localize/languages/pt-PT.json

@@ -153,11 +153,7 @@
         "grid_columns": "",
         "grid_max_columns": "",
         "grid_selected_width_factor": "",
-        "mode": "",
+        "mode": ""
-        "modes": {
-          "single": "",
-          "grid": ""
-        }
       },
       "layout": {
         "fit": "Fit",
@@ -363,6 +359,10 @@
       }
     }
   },
+  "display_modes": {
+    "grid": "",
+    "single": ""
+  },
   "editor": {
     "add_new_camera": "Adicionar nova câmera",
     "button": "Botão",

src/utils/menu-controller.ts

@@ -404,7 +404,9 @@ export class MenuButtonController {
           icon: isGrid ? 'mdi:grid-off' : 'mdi:grid',
           ...config.menu.buttons.display_mode,
           type: 'custom:frigate-card-menu-icon',
-          title: localize('config.menu.buttons.display_mode'),
+          title: isGrid
+            ? localize('display_modes.single')
+            : localize('display_modes.grid'),
           tap_action: action,
         });
       }

tests/utils/menu-controller.test.ts

@@ -1102,7 +1102,10 @@ describe('MenuButtonController', () => {
           enabled: true,
           priority: 50,
           type: 'custom:frigate-card-menu-icon',
-          title: 'Display mode',
+          title:
+            displayMode === 'grid'
+              ? 'Show single media viewer'
+              : 'Show media viewer for each camera in a grid',
           tap_action: {
             action: 'fire-dom-event',
             frigate_card_action: 'display_mode_select',