Reflect: add timestamp format preference (raycast#7456)

bbcvc · Jul 13, 2023 · 54271b8 · 54271b8
1 parent f7b58e7
commit 54271b8
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 3 deletions.
diff --git a/extensions/reflect/CHANGELOG.md b/extensions/reflect/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Reflect Changelog
 
+## [Time format] - 2023-07-10
+
+### Added
+
+- Support 24-hour time format
+
 ## [OAuth & Append] - 2023-05-15
 
 ### Added

diff --git a/extensions/reflect/package.json b/extensions/reflect/package.json
@@ -7,7 +7,8 @@
   "author": "ryon",
   "contributors": [
     "joshknowles",
-    "tylerwince"
+    "tylerwince",
+    "ocavue"
   ],
   "categories": [
     "Applications",
@@ -58,6 +59,21 @@
           "description": "Prepend a timestamp to your note",
           "type": "checkbox",
           "required": false
+        },
+        {
+          "name": "timestampFormat",
+          "title": "Timestamp Format",
+          "description": "The format of prepended timestamp",
+          "type": "dropdown",
+          "data": [{
+            "title": "12 hour",
+            "value": "12"
+          },{
+            "title": "24 hour",
+            "value": "24"
+          }],
+          "default": "12",
+          "required": false
         }
       ],
       "arguments": [

diff --git a/extensions/reflect/src/append.tsx b/extensions/reflect/src/append.tsx
@@ -11,6 +11,7 @@ interface FormValues {
   prependTimestamp: boolean;
   parentList: string;
   graphId: string;
+  timestampFormat?: string;
 }
 
 export default function Command() {
@@ -23,7 +24,10 @@ export default function Command() {
 
       try {
         const authorizationToken = await authorize();
-        const text = prependTimestampIfSelected(values.note, values);
+        const text = prependTimestampIfSelected(values.note, {
+          prependTimestamp: values.prependTimestamp,
+          timestampFormat: values.timestampFormat as "12" | "24" | undefined,
+        });
 
         await appendToDailyNote(authorizationToken, values.graphId, text, values.parentList);
         await LocalStorage.setItem("graphId", values.graphId);
@@ -62,6 +66,8 @@ export default function Command() {
     fetchData();
   }, []);
 
+  const showTimestampFormat: boolean = itemProps.prependTimestamp.value ?? false;
+
   return (
     <Form
       actions={
@@ -72,6 +78,12 @@ export default function Command() {
     >
       <Form.TextArea {...itemProps.note} title="Note" />
       <Form.Checkbox {...itemProps.prependTimestamp} label="Prepend Timestamp" storeValue={true} />
+      {showTimestampFormat ? (
+        <Form.Dropdown {...itemProps.timestampFormat} storeValue={true}>
+          <Form.Dropdown.Item value="12" title="12 hour" />
+          <Form.Dropdown.Item value="24" title="24 hour" />
+        </Form.Dropdown>
+      ) : null}
       <Form.TextField
         {...itemProps.parentList}
         title="Parent List (Optional)"

diff --git a/extensions/reflect/src/helpers/dates.ts b/extensions/reflect/src/helpers/dates.ts
@@ -7,11 +7,12 @@ export function getTodaysDateAsISOString() {
 
 interface Preferences {
   prependTimestamp?: boolean;
+  timestampFormat?: "12" | "24";
 }
 
 export function prependTimestampIfSelected(text: string, preferences: Preferences) {
   if (preferences.prependTimestamp) {
-    const timestamp = format(new Date(), "h:maaa");
+    const timestamp = format(new Date(), preferences.timestampFormat === "24" ? "HH:mm" : "h:mmaaa");
     text = `${timestamp} ${text}`;
   }
   return text;