Export my data
diff --git a/src/components/ReminderSettings.tsx b/src/components/ReminderSettings.tsx
new file mode 100644
index 0000000..792a355
--- /dev/null
+++ b/src/components/ReminderSettings.tsx
@@ -0,0 +1,56 @@
+import { useEffect, useRef, useState } from "react";
+import { habitRequest } from "../lib/dashboard";
+import { defaultReminder, type ReminderResponse } from "../reminders/contracts";
+import { Button, Checkbox } from "./design-system/primitives";
+import { Field } from "./design-system/Field";
+
+const deliveryLabels: Record
= {
+ sent: "Delivered", deferred: "Waiting to retry", pending: "Delivery unconfirmed", uncertain: "Delivery unconfirmed; check Discord. We will not send it again today.",
+ failed: "Discord could not deliver it. Check your DM permissions and that you share a server with the bot.", skipped: "Skipped because your check-ins or settings changed",
+};
+export function ReminderSettings({ timezone }: { timezone: string }) {
+ const [settings, setSettings] = useState();
+ const [draft, setDraft] = useState(defaultReminder);
+ const [error, setError] = useState("");
+ const [notice, setNotice] = useState("");
+ const [busy, setBusy] = useState(false);
+ const [attempt, setAttempt] = useState(0);
+ const saving = useRef(false);
+ useEffect(() => {
+ const controller = new AbortController(); setError("");
+ habitRequest("/reminders", { signal: controller.signal })
+ .then(data => { if (!controller.signal.aborted) { setSettings(data); setDraft({ enabled: data.enabled, time: data.time, quietStart: data.quietStart, quietEnd: data.quietEnd }); } })
+ .catch(error => { if (!controller.signal.aborted) setError(error.message); });
+ return () => controller.abort();
+ }, [attempt]);
+ return
+
Daily reminders
+
One private Discord message when you still have habits left today. Times follow {timezone}. No habit names are sent.
+ {!settings ?
:
}
+ {error &&
{error}
}
+
{notice}
+