From 38332c193c98c16207f5bd13e5c98213ffbdf0ad Mon Sep 17 00:00:00 2001
From: Brandon Presley <brandon@presley.nz>
Date: Sun, 20 Nov 2022 21:47:05 +1300
Subject: [PATCH] Fix settings page crashing

Select.tsx was crashing if it couldn't
find a label for the selected value.
---
 Select.tsx       | 2 +-
 SettingsPage.tsx | 2 +-
 use-theme.ts     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/Select.tsx b/Select.tsx
index cf40f98..fe7c401 100644
--- a/Select.tsx
+++ b/Select.tsx
@@ -41,7 +41,7 @@ export default function Select({
         <Button
           onPress={() => setShow(true)}
           style={{alignSelf: 'flex-start', marginTop: MARGIN}}>
-          {selected.label}
+          {selected?.label}
         </Button>
       }>
       {items.map(item => (
diff --git a/SettingsPage.tsx b/SettingsPage.tsx
index 12c2603..5eac533 100644
--- a/SettingsPage.tsx
+++ b/SettingsPage.tsx
@@ -224,7 +224,7 @@ export default function SettingsPage() {
           />
           {'theme'.includes(term.toLowerCase()) && (
             <Select
-              value={theme}
+              value={theme || 'system'}
               onChange={changeTheme}
               items={[
                 {label: 'Follow system theme', value: 'system'},
diff --git a/use-theme.ts b/use-theme.ts
index e875140..b1a912c 100644
--- a/use-theme.ts
+++ b/use-theme.ts
@@ -6,7 +6,7 @@ export const ThemeContext = createContext<{
   setTheme: (value: string) => void
   setColor: (value: string) => void
 }>({
-  theme: '',
+  theme: 'system',
   color: '',
   setTheme: () => null,
   setColor: () => null,