From 85ae70f278f06982e9dc36bc68ca9528e9252dfc Mon Sep 17 00:00:00 2001
From: Athou <jeremiepanzer@gmail.com>
Date: Sun, 14 Apr 2024 18:25:45 +0200
Subject: [PATCH] fix combobox labels not displayed correctly

---
 .../components/settings/DisplaySettings.tsx   | 38 +++++++++----------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/commafeed-client/src/components/settings/DisplaySettings.tsx b/commafeed-client/src/components/settings/DisplaySettings.tsx
index 38007ce6..e6ba0598 100644
--- a/commafeed-client/src/components/settings/DisplaySettings.tsx
+++ b/commafeed-client/src/components/settings/DisplaySettings.tsx
@@ -20,25 +20,6 @@ import {
 import { locales } from "i18n"
 import { type ReactNode } from "react"
 
-const displayModeData: ComboboxData = [
-    {
-        value: "always",
-        label: t`Always`,
-    },
-    {
-        value: "on_desktop",
-        label: t`On desktop`,
-    },
-    {
-        value: "on_mobile",
-        label: t`On mobile`,
-    },
-    {
-        value: "never",
-        label: t`Never`,
-    },
-]
-
 export function DisplaySettings() {
     const language = useAppSelector(state => state.user.settings?.language)
     const scrollSpeed = useAppSelector(state => state.user.settings?.scrollSpeed)
@@ -59,6 +40,25 @@ export function DisplaySettings() {
         if_needed: <Trans>If the entry doesn't entirely fit on the screen</Trans>,
     }
 
+    const displayModeData: ComboboxData = [
+        {
+            value: "always",
+            label: t`Always`,
+        },
+        {
+            value: "on_desktop",
+            label: t`On desktop`,
+        },
+        {
+            value: "on_mobile",
+            label: t`On mobile`,
+        },
+        {
+            value: "never",
+            label: t`Never`,
+        },
+    ]
+
     return (
         <Stack>
             <Select