From 25f9885a9f83e2f4340d321aec82fa9c1a6b8ff8 Mon Sep 17 00:00:00 2001
From: Joseph Hale <me@jhale.dev>
Date: Fri, 15 Aug 2025 23:31:37 -0700
Subject: [PATCH] feat: Make "Show hints" the first setting

One of the most common topics in app reviews is people asking how to read a binary clock.

When this setting was at the end of the list, it was more likely to be "below the scroll" when opening the settings, and therefore unnoticed.

Now, it will always be at the top, and the caption is more targeted towards explaining the purpose of the setting's existence.

I think this strikes a nice balance between a clean clock as the default, but easily accessible learning opportunities for newcomers.

closes #6
---
 src/components/settings/SettingsScrollView.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/settings/SettingsScrollView.tsx b/src/components/settings/SettingsScrollView.tsx
index 353f799..415b30a 100644
--- a/src/components/settings/SettingsScrollView.tsx
+++ b/src/components/settings/SettingsScrollView.tsx
@@ -16,6 +16,12 @@ export default function SettingsScrollView() {
   const roundnessString = `${Math.round(settings.roundness * 100)}%`;
   return (
     <ScrollView contentContainerStyle={styles.contentContainer}>
+      <SettingBoolean
+        title="Show Hints"
+        subtitle="Learn how to read a binary clock"
+        onValueChange={value => updateSetting({ showHints: value })}
+        initialValue={settings.showHints}
+      />
       <SettingRange
         title="Brightness"
         initialValue={settings.brightness}
@@ -28,12 +34,6 @@ export default function SettingsScrollView() {
         onValueChange={value => updateSetting({ roundness: value })}
         caption={roundnessString}
       />
-      <SettingBoolean
-        title="Show Hints"
-        subtitle="Show each dot's value."
-        onValueChange={value => updateSetting({ showHints: value })}
-        initialValue={settings.showHints}
-      />
     </ScrollView>
   )
 }
-- 
2.51.2