Rename "Panel Options" to "Display"

I chose the title "Display" even though it is called "layout" in the state because "Layout" is already used to describe tree layout, and I didn't want translations to conflict. I also contemplated putting this control at the top. However, its conditional rendering worsens usability upon toggling panel visibility, as the scroll position is changed due to its placement above the toggles.
nextstrain · victorlin · Sep 12, 2023 · Sep 29, 2023 · Oct 6, 2023 · Oct 23, 2023
commit 404e2d4fa5a99356a11df2e172b6c04e5a4b93f6
diff --git a/src/components/controls/controls.tsx b/src/components/controls/controls.tsx
@@ -22,7 +22,7 @@ import ToggleTangle from "./toggle-tangle";
 import Language from "./language";
 import { ControlsContainer } from "./styles";
 import FilterData, {FilterInfo} from "./filter";
-import {TreeInfo, MapInfo, AnimationOptionsInfo, PanelOptionsInfo,
+import {TreeInfo, MapInfo, AnimationOptionsInfo, PanelLayoutInfo,
   ExplodeTreeInfo, EntropyInfo, FrequencyInfo, MeasurementsInfo} from "./miscInfoText";
 import { ControlHeader } from "./controlHeader";
 import MeasurementsOptions from "./measurementsOptions";
@@ -118,7 +118,7 @@ function Controls() {
       {canTogglePanelLayout &&
         <>
           <span style={{ paddingTop: "10px" }} />
-          <ControlHeader title={t("sidebar:Panel Options")} tooltip={PanelOptionsInfo} />
+          <ControlHeader title={t("sidebar:Display")} tooltip={PanelLayoutInfo} />
           <PanelLayout />
         </>
       }

diff --git a/src/components/controls/miscInfoText.js b/src/components/controls/miscInfoText.js
@@ -28,7 +28,7 @@ export const AnimationOptionsInfo = (
   </>
 );
 
-export const PanelOptionsInfo = (
+export const PanelLayoutInfo = (
   <>
     Control whether to show the tree and the map side-by-side (<em>grid</em>) or expanded (<em>full</em>).
   </>

diff --git a/src/locales/ar/sidebar.json b/src/locales/ar/sidebar.json
@@ -18,7 +18,6 @@
   "Animation Speed": "سرعة الحركة",
   "Loop animation": "حركة متكررة",
   "Animate cumulative history": "تحريك التاريخ التراكمي",
-  "Panel Options": "خيارات اللوحة",
   "Tree": "الشجرة",
   "Map": "الخريطة",
   "Entropy": "الانتروبيا",

diff --git a/src/locales/de/sidebar.json b/src/locales/de/sidebar.json
@@ -17,7 +17,6 @@
   "Animation Speed": "Geschwindigkeit der Animation",
   "Loop animation": "In einer Schleife animieren",
   "Animate cumulative history": "Gesamten Verlauf miteinbeziehen",
-  "Panel Options": "Hauptansicht-Einstellungen",
   "Tree": "Baum",
   "Map": "Karte",
   "Entropy": "Entropie",

diff --git a/src/locales/en/sidebar.json b/src/locales/en/sidebar.json
@@ -18,7 +18,7 @@
   "Animation Speed": "Animation Speed",
   "Loop animation": "Loop animation",
   "Animate cumulative history": "Animate cumulative history",
-  "Panel Options": "Panel Options",
+  "Display": "Display",
   "Tree": "Tree",
   "Map": "Map",
   "Entropy": "Entropy",

diff --git a/src/locales/es/sidebar.json b/src/locales/es/sidebar.json
@@ -17,7 +17,6 @@
   "Animation Speed": "Velocidad de la animación",
   "Loop animation": "Repitir la animación",
   "Animate cumulative history": "Animar historial cumulativo",
-  "Panel Options": "Opciones del panel",
   "Tree": "Árbol",
   "Map": "Mapa",
   "Entropy": "Entropía",

diff --git a/src/locales/fr/sidebar.json b/src/locales/fr/sidebar.json
@@ -18,7 +18,6 @@
   "Animation Speed": "Vitesse d'animation",
   "Loop animation": "Animation en boucle",
   "Animate cumulative history": "Animer l'historique cumulatif",
-  "Panel Options": "Options du panneau",
   "Tree": "Arbre",
   "Map": "Carte",
   "Entropy": "Entropie",

diff --git a/src/locales/it/sidebar.json b/src/locales/it/sidebar.json
@@ -18,7 +18,6 @@
   "Animation Speed": "Velocità di animazioni",
   "Loop animation": "Animazioni in loop",
   "Animate cumulative history": "Animare la storia cumulativa",
-  "Panel Options": "Opzioni di pannello",
   "Tree": "Albero",
   "Map": "Mappa",
   "Entropy": "Entropia",

diff --git a/src/locales/ja/sidebar.json b/src/locales/ja/sidebar.json
@@ -18,7 +18,6 @@
   "Animation Speed": "アニメーション速度",
   "Loop animation": "アニメーションを繰り返し",
   "Animate cumulative history": "累積の履歴をアニメーション",
-  "Panel Options": "パネルのオプション",
   "Tree": "ツリー",
   "Map": "地図",
   "Entropy": "エントロピー",

diff --git a/src/locales/lt/sidebar.json b/src/locales/lt/sidebar.json
@@ -18,7 +18,6 @@
   "Animation Speed": "Animacijos greitis",
   "Loop animation": "Kartoti laiko atkarpą",
   "Animate cumulative history": "Rodyti kauptinę istoriją",
-  "Panel Options": "Langų parinktys",
   "Tree": "Medį",
   "Map": "Žemėlapį",
   "Entropy": "Entropiją",

diff --git a/src/locales/pl/sidebar.json b/src/locales/pl/sidebar.json
@@ -21,7 +21,6 @@
   "Animation Speed": "Szybkość animacji",
   "Loop animation": "Animacja pętli",
   "Animate cumulative history": "Animuj historię zbiorczą",
-  "Panel Options": "Opcje panelu",
   "Tree": "Drzewo",
   "Map": "Mapę",
   "Entropy": "Entropię",

diff --git a/src/locales/pt/sidebar.json b/src/locales/pt/sidebar.json
@@ -18,7 +18,6 @@
   "Animation Speed": "Velocidade de Animação",
   "Loop animation": "Repetir a animação",
   "Animate cumulative history": "Animar o histórico acumulado",
-  "Panel Options": "Painel de Opções",
   "Tree": "Árvore",
   "Map": "Mapa",
   "Entropy": "Entropia",

diff --git a/src/locales/ru/sidebar.json b/src/locales/ru/sidebar.json
@@ -17,7 +17,6 @@
   "Animation Speed": "Скорость Анимации",
   "Loop animation": "Повтор анимации",
   "Animate cumulative history": "Анимировать кумулятивную историю",
-  "Panel Options": "Настройки Панели",
   "Tree": "Дерево",
   "Map": "Карту",
   "Entropy": "Энтропию",

diff --git a/src/locales/tr/sidebar.json b/src/locales/tr/sidebar.json
@@ -18,7 +18,6 @@
   "Animation Speed": "Animasyon Hızı",
   "Loop animation": "Döngülü animasyon",
   "Animate cumulative history": "Kümülatif tarihçeyi canlandır",
-  "Panel Options": "Panel Seçenekleri",
   "Tree": "Ağacı",
   "Map": "Haritayı",
   "Entropy": "Entropiyi",