From f6d356c5cec3a30bbea666dfd72cb46c94d49bc1 Mon Sep 17 00:00:00 2001
From: Johannes Marbach <johannesm@element.io>
Date: Thu, 7 Jul 2022 10:31:44 +0200
Subject: [PATCH] Prettify the thing

---
 src/settings/SettingsModal.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/settings/SettingsModal.tsx b/src/settings/SettingsModal.tsx
index 90e4e46..34f3530 100644
--- a/src/settings/SettingsModal.tsx
+++ b/src/settings/SettingsModal.tsx
@@ -78,7 +78,11 @@ export const SettingsModal = (props: Props) => {
             onSelectionChange={setAudioInput}
           >
             {audioInputs.map(({ deviceId, label }) => (
-              <Item key={deviceId}>{!!label && label.trim().length > 0 ? label : "Default microphone"}</Item>
+              <Item key={deviceId}>
+                {!!label && label.trim().length > 0
+                  ? label
+                  : "Default microphone"}
+              </Item>
             ))}
           </SelectInput>
           {audioOutputs.length > 0 && (
@@ -88,7 +92,11 @@ export const SettingsModal = (props: Props) => {
               onSelectionChange={setAudioOutput}
             >
               {audioOutputs.map(({ deviceId, label }) => (
-                <Item key={deviceId}>{!!label && label.trim().length > 0 ? label : "Default speaker"}</Item>
+                <Item key={deviceId}>
+                  {!!label && label.trim().length > 0
+                    ? label
+                    : "Default speaker"}
+                </Item>
               ))}
             </SelectInput>
           )}
@@ -119,7 +127,9 @@ export const SettingsModal = (props: Props) => {
             onSelectionChange={setVideoInput}
           >
             {videoInputs.map(({ deviceId, label }) => (
-              <Item key={deviceId}>{!!label && label.trim().length > 0 ? label : "Default camera"}</Item>
+              <Item key={deviceId}>
+                {!!label && label.trim().length > 0 ? label : "Default camera"}
+              </Item>
             ))}
           </SelectInput>
         </TabItem>