From a5c70050a74f689113b9acc5ee8410bdcaf3c68b Mon Sep 17 00:00:00 2001
From: Brandon Presley <brandon@presley.nz>
Date: Sun, 2 Oct 2022 18:04:36 +1300
Subject: [PATCH] Revert "Revert "Add setting for date format""

This reverts commit 3691c729b46da9c725202b85a8b185563e6a9fd1.
---
 SettingsPage.tsx | 20 ++++++++++++++++++++
 db.ts            |  3 +++
 set.service.ts   | 13 +++++++++++--
 settings.ts      |  1 +
 4 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/SettingsPage.tsx b/SettingsPage.tsx
index bdd56d8..f5c9563 100644
--- a/SettingsPage.tsx
+++ b/SettingsPage.tsx
@@ -29,6 +29,7 @@ export default function SettingsPage() {
   const [showUnit, setShowUnit] = useState(!!settings.showUnit);
   const [workouts, setWorkouts] = useState(!!settings.workouts);
   const [steps, setSteps] = useState(!!settings.steps);
+  const [date, setDate] = useState('%Y-%m-%d %H:%M');
   const {color, setColor} = useContext(CustomTheme);
   const {toast} = useContext(SnackbarContext);
 
@@ -50,6 +51,7 @@ export default function SettingsPage() {
       color,
       workouts: +workouts,
       steps: +steps,
+      date,
     });
     getSettings().then(setSettings);
   }, [
@@ -64,6 +66,7 @@ export default function SettingsPage() {
     workouts,
     steps,
     setSettings,
+    date,
   ]);
 
   const changeAlarmEnabled = useCallback(
@@ -193,6 +196,23 @@ export default function SettingsPage() {
             ))}
           </Picker>
         )}
+        {'date format'.includes(search.toLowerCase()) && (
+          <Picker
+            style={{color}}
+            dropdownIconColor={color}
+            selectedValue={date}
+            onValueChange={value => setDate(value)}>
+            <Picker.Item
+              value="%Y-%m-%d %H:%M"
+              label="Format date as 1990-12-24 15:05"
+            />
+            <Picker.Item
+              value="%Y-%m-%d"
+              label="Format date as 1990-12-24 (YYYY-MM-dd)"
+            />
+            <Picker.Item value="%m-%d" label="Format date as 12-24 (MM-dd)" />
+          </Picker>
+        )}
         {'alarm sound'.includes(search.toLowerCase()) && (
           <Button style={{alignSelf: 'flex-start'}} onPress={changeSound}>
             Alarm sound
diff --git a/db.ts b/db.ts
index 9e920b4..d3efa36 100644
--- a/db.ts
+++ b/db.ts
@@ -106,6 +106,9 @@ const migrations = [
   `
     ALTER TABLE settings ADD COLUMN newSet TEXT NULL
   `,
+  `
+    ALTER TABLE settings ADD COLUMN date TEXT NULL
+  `,
 ];
 
 export let db: SQLiteDatabase;
diff --git a/set.service.ts b/set.service.ts
index ef2113d..49d7750 100644
--- a/set.service.ts
+++ b/set.service.ts
@@ -1,5 +1,6 @@
 import {db} from './db';
 import Set from './set';
+import {settings} from './settings.service';
 
 export const updateSet = async (value: Set) => {
   const update = `
@@ -66,13 +67,21 @@ export const getSets = async ({
   limit,
   offset,
 }: PageParams): Promise<Set[]> => {
+  const format = settings.date || '%Y-%m-%d %H:%M';
   const select = `
-    SELECT * from sets 
+    SELECT id, name, reps, weight, sets, minutes, seconds, 
+      STRFTIME(?, created) as created, unit, image, steps 
+    FROM sets 
     WHERE name LIKE ? AND NOT hidden
     ORDER BY created DESC 
     LIMIT ? OFFSET ?
   `;
-  const [result] = await db.executeSql(select, [`%${search}%`, limit, offset]);
+  const [result] = await db.executeSql(select, [
+    format,
+    `%${search}%`,
+    limit,
+    offset,
+  ]);
   return result.rows.raw();
 };
 
diff --git a/settings.ts b/settings.ts
index 8bf8d6e..1b13756 100644
--- a/settings.ts
+++ b/settings.ts
@@ -10,4 +10,5 @@ export default interface Settings {
   workouts: number;
   nextAlarm?: string;
   steps?: number;
+  date?: string;
 }