Bump ver

* Load UTC time correctly at page load
* Don't translate to/from timezone when using the browser date/time
  input

Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "reminder-rs"
-version = "1.7.0-rc5"
+version = "1.7.14"
 authors = ["Jude Southworth <judesouthworth@pm.me>"]
 edition = "2021"
 license = "AGPL-3.0 only"
@@ -10,13 +10,12 @@ description = "Reminder Bot for Discord, now in Rust"
 poise = "0.6.1"
 dotenv = "0.15"
 tokio = { version = "1", features = ["process", "full"] }
-reqwest = "0.11"
+reqwest = { version = "0.12", features = ["json"] }
-lazy-regex = "3.1"
 regex = "1.10"
 log = "0.4"
 env_logger = "0.11"
 chrono = "0.4"
-chrono-tz = { version = "0.8", features = ["serde"] }
+chrono-tz = { version = "0.9", features = ["serde"] }
 lazy_static = "1.4"
 num-integer = "0.1"
 serde = "1.0"
@@ -26,14 +25,16 @@ rmp-serde = "1.1"
 rand = "0.8"
 levenshtein = "1.0"
 sqlx = { version = "0.7", features = ["runtime-tokio-rustls", "macros", "mysql", "bigdecimal", "chrono", "migrate"] }
-base64 = "0.21"
+base64 = "0.22"
 secrecy = "0.8.0"
-
+futures = "0.3.30"
-[dependencies.postman]
+prometheus = "0.13.3"
-path = "postman"
+rocket = { version = "0.5.0", features = ["tls", "secrets", "json"] }
-
+rocket_dyn_templates = { version = "0.1.0", features = ["tera"] }
-[dependencies.reminder_web]
+serenity = { version = "0.12", default-features = false, features = ["builder", "cache", "client", "gateway", "http", "model", "utils", "rustls_backend"] }
-path = "web"
+oauth2 = "4"
+csv = "1.2"
+axum = "0.7"
 
 [dependencies.extract_derive]
 path = "extract_derive"
@@ -47,19 +48,17 @@ suggests = "mysql-server-8.0, nginx"
 maintainer-scripts = "debian"
 assets = [
     ["target/release/reminder-rs", "usr/bin/reminder-rs", "755"],
-    ["web/static/css/*", "lib/reminder-rs/static/css", "644"],
+    ["static/css/*", "lib/reminder-rs/static/css", "644"],
-    ["web/static/favicon/*", "lib/reminder-rs/static/favicon", "644"],
+    ["static/favicon/*", "lib/reminder-rs/static/favicon", "644"],
-    ["web/static/img/*", "lib/reminder-rs/static/img", "644"],
+    ["static/img/*", "lib/reminder-rs/static/img", "644"],
-    ["web/static/js/*", "lib/reminder-rs/static/js", "644"],
+    ["static/js/*", "lib/reminder-rs/static/js", "644"],
-    ["web/static/webfonts/*", "lib/reminder-rs/static/webfonts", "644"],
+    ["static/webfonts/*", "lib/reminder-rs/static/webfonts", "644"],
-    ["web/static/site.webmanifest", "lib/reminder-rs/static/site.webmanifest", "644"],
+    ["static/site.webmanifest", "lib/reminder-rs/static/site.webmanifest", "644"],
-    ["web/templates/**/*", "lib/reminder-rs/templates", "644"],
+    ["templates/**/*", "lib/reminder-rs/templates", "644"],
     ["reminder-dashboard/dist/static/assets/*", "lib/reminder-rs/static/assets", "644"],
     ["reminder-dashboard/dist/index.html", "lib/reminder-rs/static/index.html", "644"],
     ["conf/default.env", "etc/reminder-rs/config.env", "600"],
     ["conf/Rocket.toml", "etc/reminder-rs/Rocket.toml", "600"],
-    ["healthcheck", "lib/reminder-rs/healthcheck", "755"],
-    ["cron.d/reminder_health", "etc/cron.d/reminder_health", "644"],
     # ["nginx/reminder-rs", "etc/nginx/sites-available/reminder-rs", "755"]
 ]
 conf-files = [

Containerfile

@@ -4,6 +4,6 @@ ENV RUSTUP_HOME=/usr/local/rustup \
     CARGO_HOME=/usr/local/cargo \
     PATH=/usr/local/cargo/bin:$PATH
 
-RUN apt update && DEBIAN_FRONTEND=noninteractive TZ=Etc/UTC apt install -y gcc gcc-multilib cmake pkg-config libssl-dev curl mysql-client-8.0
+RUN apt update && DEBIAN_FRONTEND=noninteractive TZ=Etc/UTC apt install -y gcc gcc-multilib cmake pkg-config libssl-dev curl mysql-client-8.0 npm
 RUN curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y --no-modify-path --profile minimal --default-toolchain nightly
 RUN cargo install cargo-deb

Rocket.toml

@@ -1,28 +1,28 @@
 [default]
 address = "0.0.0.0"
 port = 18920
-template_dir = "web/templates"
+template_dir = "templates"
 limits = { json = "10MiB" }
 
 [debug]
 secret_key = "tR8krio5FXTnnyIZNiJDXPondz0kI1v6X6BXZcBGIRY="
 
 [debug.tls]
-certs = "web/private/rsa_sha256_cert.pem"
+certs = "private/rsa_sha256_cert.pem"
-key = "web/private/rsa_sha256_key.pem"
+key = "private/rsa_sha256_key.pem"
 
 [debug.rsa_sha256.tls]
-certs = "web/private/rsa_sha256_cert.pem"
+certs = "private/rsa_sha256_cert.pem"
-key = "web/private/rsa_sha256_key.pem"
+key = "private/rsa_sha256_key.pem"
 
 [debug.ecdsa_nistp256_sha256.tls]
-certs = "web/private/ecdsa_nistp256_sha256_cert.pem"
+certs = "private/ecdsa_nistp256_sha256_cert.pem"
-key = "web/private/ecdsa_nistp256_sha256_key_pkcs8.pem"
+key = "private/ecdsa_nistp256_sha256_key_pkcs8.pem"
 
 [debug.ecdsa_nistp384_sha384.tls]
-certs = "web/private/ecdsa_nistp384_sha384_cert.pem"
+certs = "private/ecdsa_nistp384_sha384_cert.pem"
-key = "web/private/ecdsa_nistp384_sha384_key_pkcs8.pem"
+key = "private/ecdsa_nistp384_sha384_key_pkcs8.pem"
 
 [debug.ed25519.tls]
-certs = "web/private/ed25519_cert.pem"
+certs = "private/ed25519_cert.pem"
-key = "eb/private/ed25519_key.pem"
+key = "private/ed25519_key.pem"

build.rs

@@ -1,3 +1,13 @@
+use std::{path::Path, process::Command};
+
 fn main() {
     println!("cargo:rerun-if-changed=migrations");
+    println!("cargo:rerun-if-changed=reminder-dashboard");
+
+    Command::new("npm")
+        .arg("run")
+        .arg("build")
+        .current_dir(Path::new("reminder-dashboard"))
+        .spawn()
+        .expect("Failed to build NPM");
 }

healthcheck

@@ -1,13 +0,0 @@
-#!/bin/bash
-
-export $(grep -v '^#' /etc/reminder-rs/config.env | xargs -d '\n')
-
-REGEX='mysql://([A-Za-z]+)@(.+)/(.+)'
-[[ $DATABASE_URL =~ $REGEX ]]
-
-VAR=$(mysql -u "${BASH_REMATCH[1]}" -h "${BASH_REMATCH[2]}" -N -D "${BASH_REMATCH[3]}" -e "SELECT COUNT(1) FROM reminders WHERE utc_time < NOW() - INTERVAL 10 MINUTE AND enabled = 1 AND status = 'pending'")
-
-if [ "$VAR" -gt 0 ]
-then
-  echo "This is to inform that there is a reminder backlog which must be resolved." | mail -s "Backlog: $VAR" "$REPORT_EMAIL"
-fi

migrations/20240303125837_add_indexes.sql

@@ -0,0 +1,5 @@
+-- Add migration script here
+ALTER TABLE reminders
+    ADD INDEX `utc_time_index` (`utc_time`);
+ALTER TABLE reminders
+    ADD INDEX `status_index` (`status`);

nginx/reminder-rs

@@ -1,41 +1,41 @@
 server {
-        server_name www.reminder-bot.com;
+    server_name www.reminder-bot.com;
 
-        return 301 $scheme://reminder-bot.com$request_uri;
+    return 301 $scheme://reminder-bot.com$request_uri;
 }
 
 server {
-        listen 80;
+    listen 80;
-        server_name reminder-bot.com;
+    server_name reminder-bot.com;
 
-	    return 301 https://reminder-bot.com$request_uri;
+    return 301 https://reminder-bot.com$request_uri;
 }
 
 server {
-        listen 443 ssl;
+    listen 443 ssl;
-        server_name reminder-bot.com;
+    server_name reminder-bot.com;
 
-        ssl_certificate /etc/letsencrypt/live/reminder-bot.com/fullchain.pem;
+    ssl_certificate /etc/letsencrypt/live/reminder-bot.com/fullchain.pem;
-        ssl_certificate_key /etc/letsencrypt/live/reminder-bot.com/privkey.pem;
+    ssl_certificate_key /etc/letsencrypt/live/reminder-bot.com/privkey.pem;
 
-        access_log /var/log/nginx/access.log;
+    access_log /var/log/nginx/access.log;
-        error_log /var/log/nginx/error.log;
+    error_log /var/log/nginx/error.log;
 
-        proxy_buffer_size 128k;
+    proxy_buffer_size 128k;
-        proxy_buffers 4 256k;
+    proxy_buffers 4 256k;
-        proxy_busy_buffers_size 256k;
+    proxy_busy_buffers_size 256k;
 
-        location / {
+    location / {
-                proxy_pass http://localhost:18920;
+        proxy_pass http://localhost:18920;
-                proxy_redirect off;
+        proxy_redirect off;
-                proxy_set_header Host $host;
+        proxy_set_header Host $host;
-                proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Real-IP $remote_addr;
-                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-		        proxy_set_header X-Forwarded-Proto $scheme;
+        proxy_set_header X-Forwarded-Proto $scheme;
-        }
+    }
 
-        location /static {
+    location /static {
-                alias /var/www/reminder-rs/static;
+        alias /var/www/reminder-rs/static;
-                expires 30d;
+        expires 30d;
-        }
+    }
 }

postman/Cargo.toml

@@ -1,16 +0,0 @@
-[package]
-name = "postman"
-version = "0.1.0"
-edition = "2021"
-
-[dependencies]
-tokio = { version = "1", features = ["process", "full"] }
-regex = "1.9"
-log = "0.4"
-chrono = "0.4"
-chrono-tz = { version = "0.8", features = ["serde"] }
-lazy_static = "1.4"
-num-integer = "0.1"
-serde = "1.0"
-sqlx = { version = "0.7", features = ["runtime-tokio-rustls", "macros", "mysql", "bigdecimal", "chrono", "json"]}
-serenity = { version = "0.12", default-features = false, features = ["builder", "cache", "client", "gateway", "http", "model", "utils", "rustls_backend"] }

reminder-dashboard/index.html

@@ -26,7 +26,6 @@
 	<link rel="stylesheet" href="/static/css/fa.css">
 	<link rel="stylesheet" href="/static/css/font.css">
 	<link rel="stylesheet" href="/static/css/style.css">
-	<link rel="stylesheet" href="/static/css/dtsel.css">
 </head>
 <body>
 	<div id="app"></div>

reminder-dashboard/package-lock.json

@@ -11,6 +11,7 @@
 				"luxon": "^3.4.3",
 				"preact": "^10.13.1",
 				"react-colorful": "^5.6.1",
+				"react-mentions": "^4.4.10",
 				"react-query": "^3.39.3",
 				"tributejs": "^5.1.3",
 				"use-debounce": "^10.0.0",
@@ -3389,6 +3390,14 @@
 				"node": ">= 0.4"
 			}
 		},
+		"node_modules/invariant": {
+			"version": "2.2.4",
+			"resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+			"integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+			"dependencies": {
+				"loose-envify": "^1.0.0"
+			}
+		},
 		"node_modules/is-array-buffer": {
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz",
@@ -4069,7 +4078,6 @@
 			"version": "4.1.1",
 			"resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
 			"integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-			"dev": true,
 			"engines": {
 				"node": ">=0.10.0"
 			}
@@ -4376,7 +4384,6 @@
 			"version": "15.8.1",
 			"resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
 			"integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-			"dev": true,
 			"dependencies": {
 				"loose-envify": "^1.4.0",
 				"object-assign": "^4.1.1",
@@ -4478,8 +4485,35 @@
 		"node_modules/react-is": {
 			"version": "16.13.1",
 			"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-			"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+			"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
-			"dev": true
+		},
+		"node_modules/react-mentions": {
+			"version": "4.4.10",
+			"resolved": "https://registry.npmjs.org/react-mentions/-/react-mentions-4.4.10.tgz",
+			"integrity": "sha512-JHiQlgF1oSZR7VYPjq32wy97z1w1oE4x10EuhKjPr4WUKhVzG1uFQhQjKqjQkbVqJrmahf+ldgBTv36NrkpKpA==",
+			"dependencies": {
+				"@babel/runtime": "7.4.5",
+				"invariant": "^2.2.4",
+				"prop-types": "^15.5.8",
+				"substyle": "^9.1.0"
+			},
+			"peerDependencies": {
+				"react": ">=16.8.3",
+				"react-dom": ">=16.8.3"
+			}
+		},
+		"node_modules/react-mentions/node_modules/@babel/runtime": {
+			"version": "7.4.5",
+			"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.4.5.tgz",
+			"integrity": "sha512-TuI4qpWZP6lGOGIuGWtp9sPluqYICmbk8T/1vpSysqJxRPkudh/ofFWyqdcMsDf2s7KvDL4/YHgKyvcS3g9CJQ==",
+			"dependencies": {
+				"regenerator-runtime": "^0.13.2"
+			}
+		},
+		"node_modules/react-mentions/node_modules/regenerator-runtime": {
+			"version": "0.13.11",
+			"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+			"integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
 		},
 		"node_modules/react-onclickoutside": {
 			"version": "6.13.0",
@@ -4957,6 +4991,18 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
+		"node_modules/substyle": {
+			"version": "9.4.1",
+			"resolved": "https://registry.npmjs.org/substyle/-/substyle-9.4.1.tgz",
+			"integrity": "sha512-VOngeq/W1/UkxiGzeqVvDbGDPM8XgUyJVWjrqeh+GgKqspEPiLYndK+XRcsKUHM5Muz/++1ctJ1QCF/OqRiKWA==",
+			"dependencies": {
+				"@babel/runtime": "^7.3.4",
+				"invariant": "^2.2.4"
+			},
+			"peerDependencies": {
+				"react": ">=16.8.3"
+			}
+		},
 		"node_modules/supports-color": {
 			"version": "5.5.0",
 			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",

reminder-dashboard/package.json

@@ -5,8 +5,7 @@
 	"scripts": {
 		"dev": "vite build --watch --mode development",
 		"build": "vite build",
-		"preview": "vite preview",
+		"preview": "vite preview"
-		"package": "mkdir -p reminder-dashboard/usr/share/reminder-dashboard && vite build --mode production --outDir reminder-dashboard/usr/share/reminder-dashboard && dpkg-deb --build reminder-dashboard"
 	},
 	"dependencies": {
 		"axios": "^1.5.1",

reminder-dashboard/src/api.ts

@@ -1,5 +1,4 @@
 import axios from "axios";
-import { DateTime } from "luxon";
 
 type UserInfo = {
     name: string;
@@ -37,7 +36,7 @@ export type Reminder = {
     embed_title: string;
     embed_fields: EmbedField[] | null;
     enabled: boolean;
-    expires: DateTime | null;
+    expires: string | null;
     interval_seconds: number | null;
     interval_days: number | null;
     interval_months: number | null;
@@ -46,7 +45,22 @@ export type Reminder = {
     tts: boolean;
     uid: string;
     username: string;
-    utc_time: DateTime;
+    utc_time: string;
+};
+
+export type Todo = {
+    id: number;
+    channel_id: string;
+    value: string;
+};
+
+export type CreateTodo = {
+    channel_id: string;
+    value: string;
+};
+
+export type UpdateTodo = {
+    value: string;
 };
 
 export type ChannelInfo = {
@@ -59,6 +73,11 @@ type RoleInfo = {
     name: string;
 };
 
+type EmojiInfo = {
+    fmt: string;
+    name: string;
+};
+
 type Template = {
     id: number;
     name: string;
@@ -81,7 +100,7 @@ type Template = {
 
 const USER_INFO_STALE_TIME = 120_000;
 const GUILD_INFO_STALE_TIME = 300_000;
-const OTHER_STALE_TIME = 15_000;
+const OTHER_STALE_TIME = 120_000;
 
 export const fetchUserInfo = () => ({
     queryKey: ["USER_INFO"],
@@ -110,9 +129,13 @@ export const fetchGuildInfo = (guild: string) => ({
 export const fetchGuildChannels = (guild: string) => ({
     queryKey: ["GUILD_CHANNELS", guild],
     queryFn: () =>
-        axios.get(`/dashboard/api/guild/${guild}/channels`).then((resp) => resp.data) as Promise<
+        axios
-            ChannelInfo[]
+            .get(`/dashboard/api/guild/${guild}/channels`)
-        >,
+            .then((resp) =>
+                resp.data.sort((a: ChannelInfo, b: ChannelInfo) =>
+                    a.name == b.name ? 0 : a.name > b.name ? 1 : -1,
+                ),
+            ) as Promise<ChannelInfo[]>,
     staleTime: GUILD_INFO_STALE_TIME,
 });
 
@@ -125,46 +148,37 @@ export const fetchGuildRoles = (guild: string) => ({
     staleTime: GUILD_INFO_STALE_TIME,
 });
 
+export const fetchGuildEmojis = (guild: string) => ({
+    queryKey: ["GUILD_EMOJIS", guild],
+    queryFn: () =>
+        axios.get(`/dashboard/api/guild/${guild}/emojis`).then((resp) => resp.data) as Promise<
+            EmojiInfo[]
+        >,
+    staleTime: GUILD_INFO_STALE_TIME,
+});
+
 export const fetchGuildReminders = (guild: string) => ({
     queryKey: ["GUILD_REMINDERS", guild],
     queryFn: () =>
-        axios
+        axios.get(`/dashboard/api/guild/${guild}/reminders`).then((resp) => resp.data) as Promise<
-            .get(`/dashboard/api/guild/${guild}/reminders`)
+            Reminder[]
-            .then((resp) => resp.data)
+        >,
-            .then((value) =>
-                value.map((reminder) => ({
-                    ...reminder,
-                    utc_time: DateTime.fromISO(reminder.utc_time, { zone: "UTC" }),
-                    expires:
-                        reminder.expires === null
-                            ? null
-                            : DateTime.fromISO(reminder.expires, { zone: "UTC" }),
-                })),
-            ) as Promise<Reminder[]>,
     staleTime: OTHER_STALE_TIME,
 });
 
 export const patchGuildReminder = (guild: string) => ({
     mutationFn: (reminder: Reminder) =>
-        axios.patch(`/dashboard/api/guild/${guild}/reminders`, {
+        axios.patch(`/dashboard/api/guild/${guild}/reminders`, reminder),
-            ...reminder,
-            utc_time: reminder.utc_time.toFormat("yyyy-LL-dd'T'HH:mm:ss"),
-        }),
 });
 
 export const postGuildReminder = (guild: string) => ({
     mutationFn: (reminder: Reminder) =>
-        axios
+        axios.post(`/dashboard/api/guild/${guild}/reminders`, reminder).then((resp) => resp.data),
-            .post(`/dashboard/api/guild/${guild}/reminders`, {
-                ...reminder,
-                utc_time: reminder.utc_time.toFormat("yyyy-LL-dd'T'HH:mm:ss"),
-            })
-            .then((resp) => resp.data),
 });
 
-export const deleteGuildReminder = (guild: string) => ({
+export const deleteReminder = () => ({
     mutationFn: (reminder: Reminder) =>
-        axios.delete(`/dashboard/api/guild/${guild}/reminders`, {
+        axios.delete(`/dashboard/api/reminders`, {
             data: {
                 uid: reminder.uid,
             },
@@ -182,12 +196,7 @@ export const fetchGuildTemplates = (guild: string) => ({
 
 export const postGuildTemplate = (guild: string) => ({
     mutationFn: (reminder: Reminder) =>
-        axios
+        axios.post(`/dashboard/api/guild/${guild}/templates`, reminder).then((resp) => resp.data),
-            .post(`/dashboard/api/guild/${guild}/templates`, {
-                ...reminder,
-                utc_time: reminder.utc_time.toFormat("yyyy-LL-dd'T'HH:mm:ss"),
-            })
-            .then((resp) => resp.data),
 });
 
 export const deleteGuildTemplate = (guild: string) => ({
@@ -198,3 +207,41 @@ export const deleteGuildTemplate = (guild: string) => ({
             },
         }),
 });
+
+export const fetchGuildTodos = (guild: string) => ({
+    queryKey: ["GUILD_TODOS", guild],
+    queryFn: () =>
+        axios.get(`/dashboard/api/guild/${guild}/todos`).then((resp) => resp.data) as Promise<
+            Todo[]
+        >,
+    staleTime: OTHER_STALE_TIME,
+});
+
+export const patchGuildTodo = (guild: string) => ({
+    mutationFn: ({ id, todo }) => axios.patch(`/dashboard/api/guild/${guild}/todos/${id}`, todo),
+});
+
+export const postGuildTodo = (guild: string) => ({
+    mutationFn: (todo: CreateTodo) =>
+        axios.post(`/dashboard/api/guild/${guild}/todos`, todo).then((resp) => resp.data),
+});
+
+export const deleteGuildTodo = (guild: string) => ({
+    mutationFn: (todoId: number) => axios.delete(`/dashboard/api/guild/${guild}/todos/${todoId}`),
+});
+
+export const fetchUserReminders = () => ({
+    queryKey: ["USER_REMINDERS"],
+    queryFn: () =>
+        axios.get(`/dashboard/api/user/reminders`).then((resp) => resp.data) as Promise<Reminder[]>,
+    staleTime: OTHER_STALE_TIME,
+});
+
+export const postUserReminder = () => ({
+    mutationFn: (reminder: Reminder) =>
+        axios.post(`/dashboard/api/user/reminders`, reminder).then((resp) => resp.data),
+});
+
+export const patchUserReminder = () => ({
+    mutationFn: (reminder: Reminder) => axios.patch(`/dashboard/api/user/reminders`, reminder),
+});

reminder-dashboard/src/components/App/Mentions.tsx

@@ -0,0 +1,52 @@
+import { useEffect, useMemo } from "preact/hooks";
+import { useQuery } from "react-query";
+import { fetchGuildChannels, fetchGuildRoles, fetchGuildEmojis } from "../../api";
+import Tribute from "tributejs";
+import { useGuild } from "./useGuild";
+
+export const Mentions = ({ input }) => {
+    const guild = useGuild();
+
+    const { data: roles } = useQuery(fetchGuildRoles(guild));
+    const { data: channels } = useQuery(fetchGuildChannels(guild));
+    const { data: emojis } = useQuery(fetchGuildEmojis(guild));
+
+    const tribute = useMemo(() => {
+        return new Tribute({
+            collection: [
+                {
+                    trigger: "@",
+                    values: (roles || [])
+                        .filter((role) => role.name === "@everyone")
+                        .map(({ id, name }) => ({ key: name, value: id })),
+                    allowSpaces: true,
+                    selectTemplate: (item) => `<@&${item.original.value}>`,
+                    menuItemTemplate: (item) => `@${item.original.key}`,
+                },
+                {
+                    trigger: "#",
+                    values: (channels || []).map(({ id, name }) => ({ key: name, value: id })),
+                    allowSpaces: true,
+                    selectTemplate: (item) => `<#${item.original.value}>`,
+                    menuItemTemplate: (item) => `#${item.original.key}`,
+                },
+                {
+                    trigger: ":",
+                    values: (emojis || []).map(({ fmt, name }) => ({ key: name, value: fmt })),
+                    allowSpaces: true,
+                    selectTemplate: (item) => item.original.value,
+                    menuItemTemplate: (item) => `:${item.original.key}:`,
+                },
+            ],
+        });
+    }, [roles, channels, emojis]);
+
+    useEffect(() => {
+        tribute.detach(input.current);
+        if (input.current !== null) {
+            tribute.attach(input.current);
+        }
+    }, [tribute]);
+
+    return <></>;
+};

reminder-dashboard/src/components/App/index.tsx

@@ -5,6 +5,9 @@ import { Welcome } from "../Welcome";
 import { Guild } from "../Guild";
 import { FlashProvider } from "./FlashProvider";
 import { TimezoneProvider } from "./TimezoneProvider";
+import { User } from "../User";
+import { GuildReminders } from "../Guild/GuildReminders";
+import { GuildTodos } from "../Guild/GuildTodos";
 
 export function App() {
     const queryClient = new QueryClient();
@@ -17,12 +20,30 @@ export function App() {
                         <div class="columns is-gapless dashboard-frame">
                             <Sidebar />
                             <div class="column is-main-content">
-                                <Switch>
+                                <div style={{ margin: "0 12px 12px 12px" }}>
-                                    <Route path={"/:guild/reminders"} component={Guild}></Route>
+                                    <Switch>
-                                    <Route>
+                                        <Route path={"/@me/reminders"} component={User}></Route>
-                                        <Welcome />
+                                        <Route
-                                    </Route>
+                                            path={"/:guild/reminders"}
-                                </Switch>
+                                            component={() => (
+                                                <Guild>
+                                                    <GuildReminders />
+                                                </Guild>
+                                            )}
+                                        ></Route>
+                                        <Route
+                                            path={"/:guild/todos"}
+                                            component={() => (
+                                                <Guild>
+                                                    <GuildTodos />
+                                                </Guild>
+                                            )}
+                                        ></Route>
+                                        <Route>
+                                            <Welcome />
+                                        </Route>
+                                    </Switch>
+                                </div>
                             </div>
                         </div>
                     </Router>

reminder-dashboard/src/components/App/useGuild.tsx

@@ -0,0 +1,6 @@
+import { useParams } from "wouter";
+
+export const useGuild = () => {
+    const { guild } = useParams() as { guild?: string };
+    return guild || null;
+};

reminder-dashboard/src/components/Guild/GuildError.tsx

@@ -5,7 +5,12 @@ export const GuildError = () => {
                 <div class="container has-text-centered">
                     <p class="title">We couldn't get this server's data</p>
                     <p class="subtitle">
-                        Please check Reminder Bot is in the server, and has correct permissions.
+                        The bot may have just been restarted, in which case please try again in a
+                        few minutes.
+                        <br />
+                        <br />
+                        Otherwise, please check Reminder Bot is in the server, and has correct
+                        permissions.
                     </p>
                     <a
                         class="button is-size-4 is-rounded is-success"

reminder-dashboard/src/components/Guild/GuildReminders.tsx

@@ -1,10 +1,10 @@
-import { useParams } from "wouter";
+import { useQuery, useQueryClient } from "react-query";
-import { useQuery } from "react-query";
 import { fetchGuildChannels, fetchGuildReminders } from "../../api";
 import { EditReminder } from "../Reminder/EditReminder";
 import { CreateReminder } from "../Reminder/CreateReminder";
-import { useState } from "preact/hooks";
+import { useCallback, useState } from "preact/hooks";
 import { Loader } from "../Loader";
+import { useGuild } from "../App/useGuild";
 
 enum Sort {
     Time = "time",
@@ -13,7 +13,7 @@ enum Sort {
 }
 
 export const GuildReminders = () => {
-    const { guild } = useParams();
+    const guild = useGuild();
 
     const {
         isSuccess,
@@ -24,118 +24,120 @@ export const GuildReminders = () => {
     const { data: channels } = useQuery(fetchGuildChannels(guild));
 
     const [collapsed, setCollapsed] = useState(false);
-    const [sort, setSort] = useState(Sort.Time);
+    const [sort, _setSort] = useState(Sort.Time);
+    const queryClient = useQueryClient();
 
     let prevReminder = null;
 
+    const setSort = useCallback((sort) => {
+        queryClient.invalidateQueries(["GUILD_REMINDERS"]);
+        _setSort(sort);
+    }, []);
+
     return (
         <>
             {!isFetched && <Loader />}
-            <div style={{ margin: "0 12px 12px 12px" }}>
+
-                <strong>Create Reminder</strong>
+            <strong>Create Reminder</strong>
-                <div id={"reminderCreator"}>
+            <div id={"reminderCreator"}>
-                    <CreateReminder />
+                <CreateReminder />
-                </div>
+            </div>
-                <br></br>
+            <br />
-                <div class={"field"}>
+            <div class={"field"}>
-                    <div class={"columns is-mobile"}>
+                <div class={"columns is-mobile"}>
-                        <div class={"column"}>
+                    <div class={"column"}>
-                            <strong>Reminders</strong>
+                        <strong>Reminders</strong>
-                        </div>
+                    </div>
-                        <div class={"column is-narrow"}>
+                    <div class={"column is-narrow"}>
-                            <div class="control has-icons-left">
+                        <div class="control has-icons-left">
-                                <div class="select is-small">
+                            <div class="select is-small">
-                                    <select
+                                <select
-                                        id="orderBy"
+                                    id="orderBy"
-                                        onInput={(ev) => {
+                                    onInput={(ev) => {
-                                            setSort(ev.currentTarget.value as Sort);
+                                        setSort(ev.currentTarget.value as Sort);
-                                        }}
+                                    }}
-                                    >
+                                >
-                                        <option value={Sort.Time} selected={sort == Sort.Time}>
+                                    <option value={Sort.Time} selected={sort == Sort.Time}>
-                                            Time
+                                        Time
-                                        </option>
+                                    </option>
-                                        <option value={Sort.Name} selected={sort == Sort.Name}>
+                                    <option value={Sort.Name} selected={sort == Sort.Name}>
-                                            Name
+                                        Name
-                                        </option>
+                                    </option>
-                                        <option
+                                    <option value={Sort.Channel} selected={sort == Sort.Channel}>
-                                            value={Sort.Channel}
+                                        Channel
-                                            selected={sort == Sort.Channel}
+                                    </option>
-                                        >
+                                </select>
-                                            Channel
+                            </div>
-                                        </option>
+                            <div class="icon is-small is-left">
-                                    </select>
+                                <i class="fas fa-sort-amount-down"></i>
-                                </div>
-                                <div class="icon is-small is-left">
-                                    <i class="fas fa-sort-amount-down"></i>
-                                </div>
                             </div>
                         </div>
-                        <div class={"column is-narrow"}>
+                    </div>
-                            <div class="control has-icons-left">
+                    <div class={"column is-narrow"}>
-                                <div class="select is-small">
+                        <div class="control has-icons-left">
-                                    <select
+                            <div class="select is-small">
-                                        id="expandAll"
+                                <select
-                                        onInput={(ev) => {
+                                    id="expandAll"
-                                            if (ev.currentTarget.value === "expand") {
+                                    onInput={(ev) => {
-                                                setCollapsed(false);
+                                        if (ev.currentTarget.value === "expand") {
-                                            } else if (ev.currentTarget.value === "collapse") {
+                                            setCollapsed(false);
-                                                setCollapsed(true);
+                                        } else if (ev.currentTarget.value === "collapse") {
-                                            }
+                                            setCollapsed(true);
-                                        }}
+                                        }
-                                    >
+                                    }}
-                                        <option value="" selected></option>
+                                >
-                                        <option value="expand">Expand All</option>
+                                    <option value="" selected></option>
-                                        <option value="collapse">Collapse All</option>
+                                    <option value="expand">Expand All</option>
-                                    </select>
+                                    <option value="collapse">Collapse All</option>
-                                </div>
+                                </select>
-                                <div class="icon is-small is-left">
+                            </div>
-                                    <i class="fas fa-expand-arrows"></i>
+                            <div class="icon is-small is-left">
-                                </div>
+                                <i class="fas fa-expand-arrows"></i>
                             </div>
                         </div>
                     </div>
                 </div>
+            </div>
 
-                <div id={"guildReminders"} className={isFetching ? "loading" : ""}>
+            <div id={"guildReminders"} className={isFetching ? "loading" : ""}>
-                    {isSuccess &&
+                {isSuccess &&
-                        guildReminders
+                    guildReminders
-                            .sort((r1, r2) => {
+                        .sort((r1, r2) => {
-                                if (sort === Sort.Time) {
+                            if (sort === Sort.Time) {
-                                    return r1.utc_time > r2.utc_time ? 1 : -1;
+                                return r1.utc_time > r2.utc_time ? 1 : -1;
-                                } else if (sort === Sort.Name) {
+                            } else if (sort === Sort.Name) {
-                                    return r1.name > r2.name ? 1 : -1;
+                                return r1.name > r2.name ? 1 : -1;
-                                } else {
+                            } else {
-                                    return r1.channel > r2.channel ? 1 : -1;
+                                return r1.channel > r2.channel ? 1 : -1;
-                                }
+                            }
-                            })
+                        })
-                            .map((reminder) => {
+                        .map((reminder) => {
-                                let breaker = <></>;
+                            let breaker = <></>;
-                                if (sort === Sort.Channel && channels) {
+                            if (sort === Sort.Channel && channels) {
-                                    if (
+                                if (
-                                        prevReminder === null ||
+                                    prevReminder === null ||
-                                        prevReminder.channel !== reminder.channel
+                                    prevReminder.channel !== reminder.channel
-                                    ) {
+                                ) {
-                                        const channel = channels.find(
+                                    const channel = channels.find(
-                                            (ch) => ch.id === reminder.channel,
+                                        (ch) => ch.id === reminder.channel,
-                                        );
+                                    );
-                                        breaker = <div class={"channel-tag"}>#{channel.name}</div>;
+                                    breaker = <div class={"channel-tag"}>#{channel.name}</div>;
-                                    }
                                 }
+                            }
 
-                                prevReminder = reminder;
+                            prevReminder = reminder;
 
-                                return (
+                            return (
-                                    <>
+                                <>
-                                        {breaker}
+                                    {breaker}
-                                        <EditReminder
+                                    <EditReminder
-                                            key={reminder.uid}
+                                        key={reminder.uid}
-                                            reminder={reminder}
+                                        reminder={reminder}
-                                            globalCollapse={collapsed}
+                                        globalCollapse={collapsed}
-                                        />
+                                    />
-                                    </>
+                                </>
-                                );
+                            );
-                            })}
+                        })}
-                </div>
             </div>
         </>
     );

reminder-dashboard/src/components/Guild/GuildTodos.tsx

@@ -0,0 +1,62 @@
+import { useQuery } from "react-query";
+import { ChannelInfo, fetchGuildChannels, fetchGuildTodos } from "../../api";
+import { useGuild } from "../App/useGuild";
+import { Todo } from "../Todo";
+import { Todo as TodoT } from "../../api";
+import { Loader } from "../Loader";
+import { CreateTodo } from "../Todo/CreateTodo";
+
+export const GuildTodos = () => {
+    const guild = useGuild();
+
+    const { isFetched, data: guildTodos } = useQuery(fetchGuildTodos(guild));
+    const { data: channels } = useQuery(fetchGuildChannels(guild));
+
+    if (!isFetched || !channels) {
+        return <Loader />;
+    }
+
+    const sortedTodos = guildTodos.sort((a, b) => (a.id < b.id ? -1 : 1));
+    const globalTodos = sortedTodos.filter((todo) => todo.channel_id === null);
+
+    return (
+        <>
+            <strong>Create todo list</strong>
+            <CreateTodo channel={null} showSelector={true} />
+            <strong>Todo lists</strong>
+            {globalTodos.length > 0 && (
+                <>
+                    <h2>Server</h2>
+                    {globalTodos.map((todo) => (
+                        <>
+                            <Todo todo={todo} key={todo.id} />
+                        </>
+                    ))}
+                    <CreateTodo channel={null} />
+                </>
+            )}
+            {channels
+                .map(
+                    (channel) =>
+                        [channel, sortedTodos.filter((todo) => todo.channel_id === channel.id)] as [
+                            ChannelInfo,
+                            TodoT[],
+                        ],
+                )
+                .filter(([_, todos]) => todos.length > 0)
+                .map(([channel, todos]) => {
+                    return (
+                        <>
+                            <h2>#{channel.name}</h2>
+                            {todos.map((todo) => (
+                                <>
+                                    <Todo todo={todo} key={todo.id} />
+                                </>
+                            ))}
+                            <CreateTodo channel={channel.id} />
+                        </>
+                    );
+                })}
+        </>
+    );
+};

reminder-dashboard/src/components/Guild/index.scss

@@ -0,0 +1,5 @@
+.page-links {
+    > * {
+        margin: 2px;
+    }
+}

reminder-dashboard/src/components/Guild/index.tsx

@@ -1,13 +1,16 @@
 import { useQuery } from "react-query";
 import { fetchGuildInfo } from "../../api";
-import { useParams } from "wouter";
-import { GuildReminders } from "./GuildReminders";
 import { GuildError } from "./GuildError";
-import { createPortal } from "preact/compat";
+import { createPortal, PropsWithChildren } from "preact/compat";
 import { Import } from "../Import";
+import { useGuild } from "../App/useGuild";
+import { Link } from "wouter";
+import { usePathname } from "wouter/use-browser-location";
 
-export const Guild = () => {
+import "./index.scss";
-    const { guild } = useParams();
+
+export const Guild = ({ children }: PropsWithChildren) => {
+    const guild = useGuild();
     const { isSuccess, data: guildInfo } = useQuery(fetchGuildInfo(guild));
 
     if (!isSuccess) {
@@ -16,11 +19,32 @@ export const Guild = () => {
         return <GuildError />;
     } else {
         const importModal = createPortal(<Import />, document.getElementById("bottom-sidebar"));
+        const path = usePathname();
 
         return (
             <>
                 {importModal}
-                <GuildReminders />
+                <div class="page-links">
+                    <Link
+                        class={`button is-outlined is-success is-small ${path.endsWith("reminders") && "is-focused"}`}
+                        href={`/${guild}/reminders`}
+                    >
+                        <span>Reminders</span>
+                        <span class="icon">
+                            <i class="fa fa-chevron-right"></i>
+                        </span>
+                    </Link>
+                    <Link
+                        class={`button is-outlined is-success is-small ${path.endsWith("todos") && "is-focused"}`}
+                        href={`/${guild}/todos`}
+                    >
+                        <span>Todo lists</span>
+                        <span class="icon">
+                            <i class="fa fa-chevron-right"></i>
+                        </span>
+                    </Link>
+                </div>
+                {children}
             </>
         );
     }

reminder-dashboard/src/components/Import/index.tsx

@@ -3,6 +3,8 @@ import { useRef, useState } from "preact/hooks";
 import { useParams } from "wouter";
 import axios from "axios";
 import { useFlash } from "../App/FlashContext";
+import { useGuild } from "../App/useGuild";
+import { useQueryClient } from "react-query";
 
 export const Import = () => {
     const [modalOpen, setModalOpen] = useState(false);
@@ -27,7 +29,7 @@ export const Import = () => {
 };
 
 const ImportModal = ({ setModalOpen }) => {
-    const { guild } = useParams();
+    const guild = useGuild();
 
     const aRef = useRef<HTMLAnchorElement>();
     const inputRef = useRef<HTMLInputElement>();
@@ -35,6 +37,8 @@ const ImportModal = ({ setModalOpen }) => {
 
     const [isImporting, setIsImporting] = useState(false);
 
+    const queryClient = useQueryClient();
+
     return (
         <Modal
             setModalOpen={setModalOpen}
@@ -121,7 +125,7 @@ const ImportModal = ({ setModalOpen }) => {
 
                             axios
                                 .put(`/dashboard/api/guild/${guild}/export/reminders`, {
-                                    body: JSON.stringify({ body: dataUrl.split(",")[1] }),
+                                    body: dataUrl.split(",")[1],
                                 })
                                 .then(({ data }) => {
                                     setIsImporting(false);
@@ -130,6 +134,9 @@ const ImportModal = ({ setModalOpen }) => {
                                         flash({ message: data.error, type: "error" });
                                     } else {
                                         flash({ message: data.message, type: "success" });
+                                        queryClient.invalidateQueries({
+                                            queryKey: ["GUILD_REMINDERS", guild],
+                                        });
                                     }
                                 })
                                 .then(() => {

reminder-dashboard/src/components/Modal/index.tsx

@@ -1,5 +1,5 @@
-import { JSX } from "preact";
+import {JSX} from "preact";
-import { createPortal } from "preact/compat";
+import {createPortal} from "preact/compat";
 
 type Props = {
     setModalOpen: (open: boolean) => never;
@@ -9,7 +9,7 @@ type Props = {
     children: string | JSX.Element | JSX.Element[] | (() => JSX.Element);
 };
 
-export const Modal = ({ setModalOpen, title, onSubmit, onSubmitText, children }: Props) => {
+export const Modal = ({setModalOpen, title, onSubmit, onSubmitText, children}: Props) => {
     const body = document.querySelector("body");
 
     return createPortal(
@@ -34,7 +34,7 @@ export const Modal = ({ setModalOpen, title, onSubmit, onSubmitText, children }:
                 <section class="modal-card-body">{children}</section>
                 {onSubmit && (
                     <footer class="modal-card-foot">
-                        <button class="button is-success" onInput={onSubmit}>
+                        <button class="button is-success" onClick={onSubmit}>
                             {onSubmitText || "Save"}
                         </button>
                         <button

reminder-dashboard/src/components/Reminder/Attachment.tsx

@@ -1,8 +1,11 @@
 import { useReminder } from "./ReminderContext";
+import { useFlash } from "../App/FlashContext";
 
 export const Attachment = () => {
     const [{ attachment_name }, setReminder] = useReminder();
 
+    const flash = useFlash();
+
     return (
         <div class="file is-small is-boxed">
             <label class="file-label">
@@ -16,7 +19,8 @@ export const Attachment = () => {
                         let file = input.files[0];
 
                         if (file.size >= 8 * 1024 * 1024) {
-                            return { error: "File too large." };
+                            flash({ message: "File too large (max. 8MB).", type: "error" });
+                            return;
                         }
 
                         let attachment: string = await new Promise((resolve) => {
@@ -35,12 +39,42 @@ export const Attachment = () => {
                     }}
                 ></input>
                 <span class="file-cta">
-                    <span class="file-label">{attachment_name || "Add Attachment"}</span>
+                    <span
+                        class="file-label"
+                        style={{
+                            maxWidth: "200px",
+                        }}
+                    >
+                        {attachment_name || "Add Attachment"}
+                    </span>
                     <span class="file-icon">
                         <i class="fas fa-upload"></i>
                     </span>
                 </span>
             </label>
+            {attachment_name && (
+                <>
+                    <button
+                        onClick={() => {
+                            setReminder((reminder) => ({
+                                ...reminder,
+                                attachment: null,
+                                attachment_name: null,
+                            }));
+                        }}
+                        style={{
+                            border: "none",
+                            background: "none",
+                            cursor: "pointer",
+                        }}
+                    >
+                        <span class="sr-only">Remove attachment</span>
+                        <span class="icon">
+                            <i class="fas fa-trash"></i>
+                        </span>
+                    </button>
+                </>
+            )}
         </div>
     );
 };

reminder-dashboard/src/components/Reminder/Avatar.tsx

@@ -0,0 +1,28 @@
+import { ImagePicker } from "./ImagePicker";
+import { useReminder } from "./ReminderContext";
+import { useGuild } from "../App/useGuild";
+
+export const Avatar = () => {
+    const guild = useGuild();
+    const [reminder, setReminder] = useReminder();
+
+    return guild ? (
+        <ImagePicker
+            class="is-rounded avatar"
+            url={reminder.avatar || "/static/img/icon.png"}
+            alt="Image for discord avatar"
+            setImage={(url: string) => {
+                setReminder((reminder) => ({
+                    ...reminder,
+                    avatar: url,
+                }));
+            }}
+        ></ImagePicker>
+    ) : (
+        <img
+            class="is-rounded avatar"
+            alt="Image for discord avatar"
+            src={"/static/img/icon.png"}
+        ></img>
+    );
+};

reminder-dashboard/src/components/Reminder/ButtonRow/CreateButtonRow.tsx

@@ -1,14 +1,14 @@
 import { LoadTemplate } from "../LoadTemplate";
 import { useReminder } from "../ReminderContext";
 import { useMutation, useQueryClient } from "react-query";
-import { postGuildReminder, postGuildTemplate } from "../../../api";
+import { postGuildReminder, postGuildTemplate, postUserReminder } from "../../../api";
-import { useParams } from "wouter";
 import { useState } from "preact/hooks";
 import { ICON_FLASH_TIME } from "../../../consts";
 import { useFlash } from "../../App/FlashContext";
+import { useGuild } from "../../App/useGuild";
 
 export const CreateButtonRow = () => {
-    const { guild } = useParams();
+    const guild = useGuild();
     const [reminder] = useReminder();
 
     const [recentlyCreated, setRecentlyCreated] = useState(false);
@@ -17,7 +17,13 @@ export const CreateButtonRow = () => {
     const flash = useFlash();
     const queryClient = useQueryClient();
     const mutation = useMutation({
-        ...postGuildReminder(guild),
+        ...(guild ? postGuildReminder(guild) : postUserReminder()),
+        onError: (error) => {
+            flash({
+                message: `An error occurred: ${error}`,
+                type: "error",
+            });
+        },
         onSuccess: (data) => {
             if (data.error) {
                 flash({
@@ -29,9 +35,15 @@ export const CreateButtonRow = () => {
                     message: "Reminder created",
                     type: "success",
                 });
-                queryClient.invalidateQueries({
+                if (guild) {
-                    queryKey: ["GUILD_REMINDERS", guild],
+                    queryClient.invalidateQueries({
-                });
+                        queryKey: ["GUILD_REMINDERS", guild],
+                    });
+                } else {
+                    queryClient.invalidateQueries({
+                        queryKey: ["USER_REMINDERS"],
+                    });
+                }
                 setRecentlyCreated(true);
                 setTimeout(() => {
                     setRecentlyCreated(false);
@@ -89,34 +101,36 @@ export const CreateButtonRow = () => {
                     )}
                 </button>
             </div>
-            <div class="button-row-template">
+            {guild && (
-                <div>
+                <div class="button-row-template">
-                    <button
+                    <div>
-                        class="button is-success is-outlined"
+                        <button
-                        onClick={() => {
+                            class="button is-success is-outlined"
-                            templateMutation.mutate(reminder);
+                            onClick={() => {
-                        }}
+                                templateMutation.mutate(reminder);
-                    >
+                            }}
-                        <span>Create Template</span>{" "}
+                        >
-                        {templateMutation.isLoading ? (
+                            <span>Create Template</span>{" "}
-                            <span class="icon">
+                            {templateMutation.isLoading ? (
-                                <i class="fas fa-spin fa-cog"></i>
+                                <span class="icon">
-                            </span>
+                                    <i class="fas fa-spin fa-cog"></i>
-                        ) : templateRecentlyCreated ? (
+                                </span>
-                            <span class="icon">
+                            ) : templateRecentlyCreated ? (
-                                <i class="fas fa-check"></i>
+                                <span class="icon">
-                            </span>
+                                    <i class="fas fa-check"></i>
-                        ) : (
+                                </span>
-                            <span class="icon">
+                            ) : (
-                                <i class="fas fa-file-spreadsheet"></i>
+                                <span class="icon">
-                            </span>
+                                    <i class="fas fa-file-spreadsheet"></i>
-                        )}
+                                </span>
-                    </button>
+                            )}
+                        </button>
+                    </div>
+                    <div>
+                        <LoadTemplate />
+                    </div>
                 </div>
-                <div>
+            )}
-                    <LoadTemplate />
-                </div>
-            </div>
         </div>
     );
 };

reminder-dashboard/src/components/Reminder/ButtonRow/DeleteButton.tsx

@@ -2,9 +2,10 @@ import { useState } from "preact/hooks";
 import { Modal } from "../../Modal";
 import { useMutation, useQueryClient } from "react-query";
 import { useReminder } from "../ReminderContext";
-import { deleteGuildReminder } from "../../../api";
+import { deleteReminder } from "../../../api";
 import { useParams } from "wouter";
 import { useFlash } from "../../App/FlashContext";
+import { useGuild } from "../../App/useGuild";
 
 export const DeleteButton = () => {
     const [modalOpen, setModalOpen] = useState(false);
@@ -26,20 +27,26 @@ export const DeleteButton = () => {
 
 const DeleteModal = ({ setModalOpen }) => {
     const [reminder] = useReminder();
-    const { guild } = useParams();
+    const guild = useGuild();
 
     const flash = useFlash();
     const queryClient = useQueryClient();
     const mutation = useMutation({
-        ...deleteGuildReminder(guild),
+        ...deleteReminder(),
         onSuccess: () => {
             flash({
                 message: "Reminder deleted",
                 type: "success",
             });
-            queryClient.invalidateQueries({
+            if (guild) {
-                queryKey: ["GUILD_REMINDERS", guild],
+                queryClient.invalidateQueries({
-            });
+                    queryKey: ["GUILD_REMINDERS", guild],
+                });
+            } else {
+                queryClient.invalidateQueries({
+                    queryKey: ["USER_REMINDERS"],
+                });
+            }
             setModalOpen(false);
         },
     });

reminder-dashboard/src/components/Reminder/ButtonRow/EditButtonRow.tsx

@@ -1,29 +1,30 @@
 import { useRef, useState } from "preact/hooks";
 import { useMutation, useQueryClient } from "react-query";
-import { patchGuildReminder } from "../../../api";
+import { patchGuildReminder, patchUserReminder } from "../../../api";
-import { useParams } from "wouter";
 import { ICON_FLASH_TIME } from "../../../consts";
 import { DeleteButton } from "./DeleteButton";
 import { useReminder } from "../ReminderContext";
 import { useFlash } from "../../App/FlashContext";
+import { useGuild } from "../../App/useGuild";
 
 export const EditButtonRow = () => {
-    const { guild } = useParams();
+    const guild = useGuild();
     const [reminder, setReminder] = useReminder();
 
     const [recentlySaved, setRecentlySaved] = useState(false);
-    const queryClient = useQueryClient();
 
     const iconFlashTimeout = useRef(0);
 
     const flash = useFlash();
     const mutation = useMutation({
-        ...patchGuildReminder(guild),
+        ...(guild ? patchGuildReminder(guild) : patchUserReminder()),
-        onSuccess: (response) => {
+        onError: (error) => {
-            queryClient.invalidateQueries({
+            flash({
-                queryKey: ["GUILD_REMINDERS", guild],
+                message: `An error occurred: ${error}`,
+                type: "error",
             });
-
+        },
+        onSuccess: (response) => {
             if (iconFlashTimeout.current !== null) {
                 clearTimeout(iconFlashTimeout.current);
             }

reminder-dashboard/src/components/Reminder/ChannelSelector.tsx

@@ -1,9 +1,9 @@
 import { useQuery } from "react-query";
-import { useParams } from "wouter";
 import { fetchGuildChannels } from "../../api";
+import { useGuild } from "../App/useGuild";
 
 export const ChannelSelector = ({ channel, setChannel }) => {
-    const { guild } = useParams();
+    const guild = useGuild();
     const { isSuccess, data } = useQuery(fetchGuildChannels(guild));
 
     return (

reminder-dashboard/src/components/Reminder/Content.tsx

@@ -1,10 +1,16 @@
 import { useReminder } from "./ReminderContext";
+import { useRef } from "preact/hooks";
+import { Mentions } from "../App/Mentions";
+import { useGuild } from "../App/useGuild";
 
 export const Content = () => {
+    const guild = useGuild();
     const [reminder, setReminder] = useReminder();
+    const input = useRef(null);
 
     return (
         <>
+            {guild && <Mentions input={input} />}
             <label class="is-sr-only">Content</label>
             <textarea
                 class="message-input autoresize discord-content"
@@ -12,6 +18,7 @@ export const Content = () => {
                 maxlength={2000}
                 name="content"
                 rows={1}
+                ref={input}
                 value={reminder.content}
                 onInput={(ev) => {
                     setReminder((reminder) => ({

reminder-dashboard/src/components/Reminder/CreateReminder.tsx

@@ -1,13 +1,15 @@
-import { useState } from "preact/hooks";
+import {useState} from "preact/hooks";
-import { fetchGuildChannels, Reminder } from "../../api";
+import {fetchGuildChannels, Reminder} from "../../api";
-import { DateTime } from "luxon";
+import {DateTime} from "luxon";
-import { CreateButtonRow } from "./ButtonRow/CreateButtonRow";
+import {CreateButtonRow} from "./ButtonRow/CreateButtonRow";
-import { TopBar } from "./TopBar";
+import {TopBar} from "./TopBar";
-import { Message } from "./Message";
+import {Message} from "./Message";
-import { Settings } from "./Settings";
+import {Settings} from "./Settings";
-import { ReminderContext } from "./ReminderContext";
+import {ReminderContext} from "./ReminderContext";
-import { useQuery } from "react-query";
+import {useQuery} from "react-query";
-import { useParams } from "wouter";
+import "./styles.scss";
+import {useGuild} from "../App/useGuild";
+import {DEFAULT_COLOR} from "./Embed";
 
 function defaultReminder(): Reminder {
     return {
@@ -18,7 +20,7 @@ function defaultReminder(): Reminder {
         content: "",
         embed_author: "",
         embed_author_url: null,
-        embed_color: 0,
+        embed_color: DEFAULT_COLOR,
         embed_description: "",
         embed_fields: [],
         embed_footer: "",
@@ -36,17 +38,17 @@ function defaultReminder(): Reminder {
         tts: false,
         uid: "",
         username: "",
-        utc_time: DateTime.now(),
+        utc_time: DateTime.now().setZone("UTC").toFormat("yyyy-LL-dd'T'HH:mm:ss"),
     };
 }
 
 export const CreateReminder = () => {
-    const { guild } = useParams();
+    const guild = useGuild();
 
     const [reminder, setReminder] = useState(defaultReminder());
     const [collapsed, setCollapsed] = useState(false);
 
-    const { isSuccess, data: guildChannels } = useQuery(fetchGuildChannels(guild));
+    const {isSuccess, data: guildChannels} = useQuery(fetchGuildChannels(guild));
 
     if (isSuccess && reminder.channel === null) {
         setReminder((reminder) => ({
@@ -59,15 +61,16 @@ export const CreateReminder = () => {
         <ReminderContext.Provider value={[reminder, setReminder]}>
             <div class={collapsed ? "reminderContent is-collapsed" : "reminderContent"}>
                 <TopBar
+                    isCreating={true}
                     toggleCollapsed={() => {
                         setCollapsed(!collapsed);
                     }}
                 />
                 <div class="columns reminder-settings">
-                    <Message />
+                    <Message/>
-                    <Settings />
+                    <Settings/>
                 </div>
-                <CreateButtonRow />
+                <CreateButtonRow/>
             </div>
         </ReminderContext.Provider>
     );

reminder-dashboard/src/components/Reminder/EditReminder.tsx

@@ -5,6 +5,7 @@ import { Message } from "./Message";
 import { Settings } from "./Settings";
 import { ReminderContext } from "./ReminderContext";
 import { TopBar } from "./TopBar";
+import "./styles.scss";
 
 type Props = {
     reminder: Reminder;
@@ -27,9 +28,13 @@ export const EditReminder = ({ reminder: initialReminder, globalCollapse }: Prop
     }
 
     return (
-        <ReminderContext.Provider value={[reminder, setReminder]}>
+        <ReminderContext.Provider value={[reminder, setReminder]} key={reminder.uid}>
-            <div class={collapsed ? "reminderContent is-collapsed" : "reminderContent"}>
+            <div
+                class={collapsed ? "reminderContent is-collapsed" : "reminderContent"}
+                id={`reminder-${reminder.uid.slice(0, 12)}`}
+            >
                 <TopBar
+                    isCreating={false}
                     toggleCollapsed={() => {
                         setCollapsed(!collapsed);
                     }}

reminder-dashboard/src/components/Reminder/Embed/Author.tsx

@@ -1,5 +1,8 @@
 import { ImagePicker } from "../ImagePicker";
 import { Reminder } from "../../../api";
+import { Mentions } from "../../App/Mentions";
+import { useRef } from "preact/hooks";
+import { useGuild } from "../../App/useGuild";
 
 type Props = {
     name: string;
@@ -8,6 +11,9 @@ type Props = {
 };
 
 export const Author = ({ name, icon, setReminder }: Props) => {
+    const guild = useGuild();
+    const input = useRef(null);
+
     return (
         <div class="embed-author-box">
             <div class="a">
@@ -27,6 +33,7 @@ export const Author = ({ name, icon, setReminder }: Props) => {
             </div>
 
             <div class="b">
+                {guild && <Mentions input={input} />}
                 <label class="is-sr-only" for="embedAuthor">
                     Embed Author
                 </label>
@@ -34,6 +41,7 @@ export const Author = ({ name, icon, setReminder }: Props) => {
                     class="discord-embed-author message-input autoresize"
                     placeholder="Embed Author..."
                     rows={1}
+                    ref={input}
                     maxlength={256}
                     name="embed_author"
                     value={name}

reminder-dashboard/src/components/Reminder/Embed/Color.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "preact/hooks";
+import { useState } from "preact/hooks";
 import { HexColorPicker } from "react-colorful";
 import { Modal } from "../../Modal";
 import { Reminder } from "../../../api";

reminder-dashboard/src/components/Reminder/Embed/Description.tsx

@@ -1,18 +1,29 @@
-export const Description = ({ description, onInput }) => (
+import { Mentions } from "../../App/Mentions";
-    <>
+import { useRef } from "preact/hooks";
-        <label class="is-sr-only" for="embedDescription">
+import { useGuild } from "../../App/useGuild";
-            Embed Description
+
-        </label>
+export const Description = ({ description, onInput }) => {
-        <textarea
+    const guild = useGuild();
-            class="discord-description message-input autoresize "
+    const input = useRef(null);
-            placeholder="Embed Description..."
+
-            maxlength={4096}
+    return (
-            name="embed_description"
+        <>
-            rows={1}
+            {guild && <Mentions input={input} />}
-            value={description}
+            <label class="is-sr-only" for="embedDescription">
-            onInput={(ev) => {
+                Embed Description
-                onInput(ev.currentTarget.value);
+            </label>
-            }}
+            <textarea
-        ></textarea>
+                class="discord-description message-input autoresize "
-    </>
+                placeholder="Embed Description..."
-);
+                maxlength={4096}
+                name="embed_description"
+                rows={1}
+                ref={input}
+                value={description}
+                onInput={(ev) => {
+                    onInput(ev.currentTarget.value);
+                }}
+            ></textarea>
+        </>
+    );
+};

reminder-dashboard/src/components/Reminder/Embed/Fields/Field.tsx

@@ -1,4 +1,11 @@
+import { useRef } from "preact/hooks";
+import { Mentions } from "../../../App/Mentions";
+import { useGuild } from "../../../App/useGuild";
+
 export const Field = ({ title, value, inline, index, onUpdate }) => {
+    const guild = useGuild();
+    const input = useRef(null);
+
     return (
         <div data-inlined={inline ? "1" : "0"} class="embed-field-box" key={index}>
             <label class="is-sr-only" for="embedFieldTitle">
@@ -35,6 +42,7 @@ export const Field = ({ title, value, inline, index, onUpdate }) => {
                 )}
             </div>
 
+            {guild && <Mentions input={input} />}
             <label class="is-sr-only" for="embedFieldValue">
                 Field Value
             </label>
@@ -44,6 +52,7 @@ export const Field = ({ title, value, inline, index, onUpdate }) => {
                 maxlength={1024}
                 name="embed_field_value[]"
                 rows={1}
+                ref={input}
                 value={value}
                 onInput={(ev) =>
                     onUpdate({

reminder-dashboard/src/components/Reminder/Embed/Footer.tsx

@@ -1,5 +1,8 @@
 import { Reminder } from "../../../api";
 import { ImagePicker } from "../ImagePicker";
+import { Mentions } from "../../App/Mentions";
+import { useRef } from "preact/hooks";
+import { useGuild } from "../../App/useGuild";
 
 type Props = {
     footer: string;
@@ -7,37 +10,44 @@ type Props = {
     setReminder: (r: (reminder: Reminder) => Reminder) => void;
 };
 
-export const Footer = ({ footer, icon, setReminder }: Props) => (
+export const Footer = ({ footer, icon, setReminder }: Props) => {
-    <div class="embed-footer-box">
+    const guild = useGuild();
-        <p class="image is-20x20 customizable">
+    const input = useRef(null);
-            <ImagePicker
+
-                class="is-rounded embed_footer_url"
+    return (
-                url={icon}
+        <div class="embed-footer-box">
-                alt="Footer profile-like image"
+            <p class="image is-20x20 customizable">
-                setImage={(url: string) => {
+                <ImagePicker
+                    class="is-rounded embed_footer_url"
+                    url={icon}
+                    alt="Footer profile-like image"
+                    setImage={(url: string) => {
+                        setReminder((reminder) => ({
+                            ...reminder,
+                            embed_footer_url: url,
+                        }));
+                    }}
+                ></ImagePicker>
+            </p>
+            <label class="is-sr-only" for="embedFooter">
+                Embed Footer text
+            </label>
+            {guild && <Mentions input={input} />}
+            <textarea
+                class="discord-embed-footer message-input autoresize "
+                placeholder="Embed Footer..."
+                maxlength={2048}
+                name="embed_footer"
+                rows={1}
+                ref={input}
+                value={footer}
+                onInput={(ev) => {
                     setReminder((reminder) => ({
                         ...reminder,
-                        embed_footer_url: url,
+                        embed_footer: ev.currentTarget.value,
                     }));
                 }}
-            ></ImagePicker>
+            ></textarea>
-        </p>
+        </div>
-        <label class="is-sr-only" for="embedFooter">
+    );
-            Embed Footer text
+};
-        </label>
-        <textarea
-            class="discord-embed-footer message-input autoresize "
-            placeholder="Embed Footer..."
-            maxlength={2048}
-            name="embed_footer"
-            rows={1}
-            value={footer}
-            onInput={(ev) => {
-                setReminder((reminder) => ({
-                    ...reminder,
-                    embed_footer: ev.currentTarget.value,
-                }));
-            }}
-        ></textarea>
-    </div>
-);

reminder-dashboard/src/components/Reminder/Embed/Title.tsx

@@ -1,18 +1,29 @@
-export const Title = ({ title, onInput }) => (
+import { useRef } from "preact/hooks";
-    <>
+import { useGuild } from "../../App/useGuild";
-        <label class="is-sr-only" for="embedTitle">
+import { Mentions } from "../../App/Mentions";
-            Embed Title
+
-        </label>
+export const Title = ({ title, onInput }) => {
-        <textarea
+    const guild = useGuild();
-            class="discord-title message-input  autoresize"
+    const input = useRef(null);
-            placeholder="Embed Title..."
+
-            maxlength={256}
+    return (
-            rows={1}
+        <>
-            name="embed_title"
+            {guild && <Mentions input={input} />}
-            value={title}
+            <label class="is-sr-only" for="embedTitle">
-            onInput={(ev) => {
+                Embed Title
-                onInput(ev.currentTarget.value);
+            </label>
-            }}
+            <textarea
-        ></textarea>
+                class="discord-title message-input  autoresize"
-    </>
+                placeholder="Embed Title..."
-);
+                maxlength={256}
+                rows={1}
+                ref={input}
+                name="embed_title"
+                value={title}
+                onInput={(ev) => {
+                    onInput(ev.currentTarget.value);
+                }}
+            ></textarea>
+        </>
+    );
+};

reminder-dashboard/src/components/Reminder/Embed/index.tsx

@@ -12,7 +12,7 @@ function intToColor(num: number) {
     return `#${num.toString(16).padStart(6, "0")}`;
 }
 
-const DEFAULT_COLOR = 9418359;
+export const DEFAULT_COLOR = 9418359;
 
 export const Embed = () => {
     const [reminder, setReminder] = useReminder();

reminder-dashboard/src/components/Reminder/ImagePicker.tsx

@@ -37,6 +37,11 @@ const ImagePickerModal = ({ setModalOpen, setImage }) => {
             }}
             onSubmitText={"Save"}
         >
+            <p>
+                Please note: if you attach an image directly from Discord, it will not be visible in
+                the dashboard, but will be visible on reminders. Other image-sharing sites such as
+                Imgur don't have this issue.
+            </p>
             <input
                 class="input"
                 id="urlInput"

reminder-dashboard/src/components/Reminder/Message.tsx

@@ -1,38 +1,23 @@
-import { ImagePicker } from "./ImagePicker";
 import { Username } from "./Username";
 import { Content } from "./Content";
 import { Embed } from "./Embed";
-import { useReminder } from "./ReminderContext";
+import { Avatar } from "./Avatar";
 
-export const Message = () => {
+export const Message = () => (
-    const [reminder, setReminder] = useReminder();
+    <div class="column discord-frame">
-
+        <article class="media">
-    return (
+            <figure class="media-left">
-        <div class="column discord-frame">
+                <p class="image is-32x32 customizable">
-            <article class="media">
+                    <Avatar />
-                <figure class="media-left">
+                </p>
-                    <p class="image is-32x32 customizable">
+            </figure>
-                        <ImagePicker
+            <div class="media-content">
-                            class="is-rounded avatar"
+                <div class="content">
-                            url={reminder.avatar || "/static/img/icon.png"}
+                    <Username />
-                            alt="Image for discord avatar"
+                    <Content />
-                            setImage={(url: string) => {
+                    <Embed />
-                                setReminder((reminder) => ({
-                                    ...reminder,
-                                    avatar: url,
-                                }));
-                            }}
-                        ></ImagePicker>
-                    </p>
-                </figure>
-                <div class="media-content">
-                    <div class="content">
-                        <Username />
-                        <Content />
-                        <Embed />
-                    </div>
                 </div>
-            </article>
+            </div>
-        </div>
+        </article>
-    );
+    </div>
-};
+);

reminder-dashboard/src/components/Reminder/Settings.tsx

@@ -7,13 +7,13 @@ import { useReminder } from "./ReminderContext";
 import { Attachment } from "./Attachment";
 import { TTS } from "./TTS";
 import { TimeInput } from "./TimeInput";
-import { useTimezone } from "../App/TimezoneProvider";
+import { useGuild } from "../App/useGuild";
 
 export const Settings = () => {
+    const guild = useGuild();
     const { isSuccess: userFetched, data: userInfo } = useQuery(fetchUserInfo());
 
     const [reminder, setReminder] = useReminder();
-    const [timezone] = useTimezone();
 
     if (!userFetched) {
         return <></>;
@@ -21,33 +21,35 @@ export const Settings = () => {
 
     return (
         <div class="column settings">
-            <div class="field channel-field">
+            {guild && (
-                <div class="collapses">
+                <div class="field channel-field">
-                    <label class="label" for="channelOption">
+                    <div class="collapses">
-                        Channel*
+                        <label class="label" for="channelOption">
-                    </label>
+                            Channel*
+                        </label>
+                    </div>
+                    <ChannelSelector
+                        channel={reminder.channel}
+                        setChannel={(channel: string) => {
+                            setReminder((reminder) => ({
+                                ...reminder,
+                                channel: channel,
+                            }));
+                        }}
+                    />
                 </div>
-                <ChannelSelector
+            )}
-                    channel={reminder.channel}
-                    setChannel={(channel: string) => {
-                        setReminder((reminder) => ({
-                            ...reminder,
-                            channel: channel,
-                        }));
-                    }}
-                />
-            </div>
 
             <div class="field">
                 <div class="control">
                     <label class="label collapses">
                         Time*
                         <TimeInput
-                            defaultValue={reminder.utc_time.setZone(timezone)}
+                            defaultValue={reminder.utc_time}
-                            onInput={(time: DateTime) => {
+                            onInput={(time: string) => {
                                 setReminder((reminder) => ({
                                     ...reminder,
-                                    utc_time: time.toUTC(),
+                                    utc_time: time,
                                 }));
                             }}
                         />
@@ -98,11 +100,11 @@ export const Settings = () => {
                                 <label class="label">
                                     Expiration
                                     <TimeInput
-                                        defaultValue={reminder.expires?.setZone(timezone)}
+                                        defaultValue={reminder.expires}
-                                        onInput={(time: DateTime) => {
+                                        onInput={(time: string) => {
                                             setReminder((reminder) => ({
                                                 ...reminder,
-                                                expires: time?.toUTC(),
+                                                expires: time,
                                             }));
                                         }}
                                     />

reminder-dashboard/src/components/Reminder/TimeInput.tsx

@@ -1,14 +1,42 @@
-import { useEffect, useRef, useState } from "preact/hooks";
+import { useCallback, useEffect, useRef, useState } from "preact/hooks";
 import { DateTime } from "luxon";
 import { useFlash } from "../App/FlashContext";
+import { useTimezone } from "../App/TimezoneProvider";
+
+type TimeUpdate = {
+    year?: number | null;
+    month?: number;
+    day?: number;
+    hour?: number;
+    minute?: number;
+    second?: number;
+};
 
 export const TimeInput = ({ defaultValue, onInput }) => {
     const ref = useRef(null);
 
-    const [time, setTime] = useState(defaultValue);
+    const [timezone] = useTimezone();
+    const [time, setTime] = useState(
+        defaultValue ? DateTime.fromISO(defaultValue, { zone: "UTC" }) : null,
+    );
+
+    const updateTime = useCallback(
+        (upd: TimeUpdate) => {
+            if (upd === null) {
+                setTime(null);
+            }
+
+            let newTime = time;
+            if (newTime === null) {
+                newTime = DateTime.now().setZone("UTC");
+            }
+            setTime(newTime.setZone(timezone).set(upd).setZone("UTC"));
+        },
+        [time, timezone],
+    );
 
     useEffect(() => {
-        onInput(time);
+        onInput(time?.setZone("UTC").toFormat("yyyy-LL-dd'T'HH:mm:ss"));
     }, [time]);
 
     const flash = useFlash();
@@ -20,7 +48,7 @@ export const TimeInput = ({ defaultValue, onInput }) => {
                 onPaste={(ev) => {
                     ev.preventDefault();
                     const pasteValue = ev.clipboardData.getData("text/plain");
-                    let dt = DateTime.fromISO(pasteValue);
+                    let dt = DateTime.fromISO(pasteValue, { zone: timezone });
 
                     if (dt.isValid) {
                         setTime(dt);
@@ -54,12 +82,20 @@ export const TimeInput = ({ defaultValue, onInput }) => {
                             pattern="\d*"
                             maxlength={4}
                             placeholder="YYYY"
-                            value={time?.year.toLocaleString("en-US", {
+                            value={
-                                minimumIntegerDigits: 4,
+                                time
-                                useGrouping: false,
+                                    ? time.setZone(timezone).year.toLocaleString("en-US", {
-                            })}
+                                          minimumIntegerDigits: 4,
+                                          useGrouping: false,
+                                      })
+                                    : ""
+                            }
                             onBlur={(ev) => {
-                                setTime(time.set({ year: ev.currentTarget.value }));
+                                ev.currentTarget.value
+                                    ? updateTime({
+                                          year: parseInt(ev.currentTarget.value),
+                                      })
+                                    : updateTime(null);
                             }}
                         ></input>{" "}
                     </label>
@@ -77,9 +113,19 @@ export const TimeInput = ({ defaultValue, onInput }) => {
                             pattern="\d*"
                             maxlength={2}
                             placeholder="MM"
-                            value={time?.month.toLocaleString("en-US", { minimumIntegerDigits: 2 })}
+                            value={
+                                time
+                                    ? time.setZone(timezone).month.toLocaleString("en-US", {
+                                          minimumIntegerDigits: 2,
+                                      })
+                                    : ""
+                            }
                             onBlur={(ev) => {
-                                setTime(time.set({ month: ev.currentTarget.value }));
+                                ev.currentTarget.value
+                                    ? updateTime({
+                                          month: parseInt(ev.currentTarget.value),
+                                      })
+                                    : updateTime(null);
                             }}
                         ></input>{" "}
                     </label>
@@ -97,9 +143,19 @@ export const TimeInput = ({ defaultValue, onInput }) => {
                             pattern="\d*"
                             maxlength={2}
                             placeholder="DD"
-                            value={time?.day.toLocaleString("en-US", { minimumIntegerDigits: 2 })}
+                            value={
+                                time
+                                    ? time
+                                          .setZone(timezone)
+                                          .day.toLocaleString("en-US", { minimumIntegerDigits: 2 })
+                                    : ""
+                            }
                             onBlur={(ev) => {
-                                setTime(time.set({ day: ev.currentTarget.value }));
+                                ev.currentTarget.value
+                                    ? updateTime({
+                                          day: parseInt(ev.currentTarget.value),
+                                      })
+                                    : updateTime(null);
                             }}
                         ></input>{" "}
                     </label>
@@ -116,9 +172,19 @@ export const TimeInput = ({ defaultValue, onInput }) => {
                             pattern="\d*"
                             maxlength={2}
                             placeholder="hh"
-                            value={time?.hour.toLocaleString("en-US", { minimumIntegerDigits: 2 })}
+                            value={
+                                time
+                                    ? time
+                                          .setZone(timezone)
+                                          .hour.toLocaleString("en-US", { minimumIntegerDigits: 2 })
+                                    : ""
+                            }
                             onBlur={(ev) => {
-                                setTime(time.set({ hour: ev.currentTarget.value }));
+                                ev.currentTarget.value
+                                    ? updateTime({
+                                          hour: parseInt(ev.currentTarget.value),
+                                      })
+                                    : updateTime(null);
                             }}
                         ></input>{" "}
                     </label>
@@ -136,11 +202,19 @@ export const TimeInput = ({ defaultValue, onInput }) => {
                             pattern="\d*"
                             maxlength={2}
                             placeholder="mm"
-                            value={time?.minute.toLocaleString("en-US", {
+                            value={
-                                minimumIntegerDigits: 2,
+                                time
-                            })}
+                                    ? time.setZone(timezone).minute.toLocaleString("en-US", {
+                                          minimumIntegerDigits: 2,
+                                      })
+                                    : ""
+                            }
                             onBlur={(ev) => {
-                                setTime(time.set({ minute: ev.currentTarget.value }));
+                                ev.currentTarget.value
+                                    ? updateTime({
+                                          minute: parseInt(ev.currentTarget.value),
+                                      })
+                                    : updateTime(null);
                             }}
                         ></input>{" "}
                     </label>
@@ -158,11 +232,19 @@ export const TimeInput = ({ defaultValue, onInput }) => {
                             pattern="\d*"
                             maxlength={2}
                             placeholder="ss"
-                            value={time?.second.toLocaleString("en-US", {
+                            value={
-                                minimumIntegerDigits: 2,
+                                time
-                            })}
+                                    ? time.setZone(timezone).second.toLocaleString("en-US", {
+                                          minimumIntegerDigits: 2,
+                                      })
+                                    : ""
+                            }
                             onBlur={(ev) => {
-                                setTime(time.set({ second: ev.currentTarget.value }));
+                                ev.currentTarget.value
+                                    ? updateTime({
+                                          second: parseInt(ev.currentTarget.value),
+                                      })
+                                    : updateTime(null);
                             }}
                         ></input>{" "}
                     </label>
@@ -200,7 +282,9 @@ export const TimeInput = ({ defaultValue, onInput }) => {
                 }
                 ref={ref}
                 onInput={(ev) => {
-                    setTime(DateTime.fromISO(ev.currentTarget.value));
+                    ev.currentTarget.value === ""
+                        ? updateTime(null)
+                        : setTime(DateTime.fromISO(ev.currentTarget.value, { zone: "UTC" }));
                 }}
             ></input>
         </>

reminder-dashboard/src/components/Reminder/TopBar.tsx

@@ -1,30 +0,0 @@
-import { useReminder } from "./ReminderContext";
-import { Name } from "./Name";
-import { fetchGuildChannels, Reminder } from "../../api";
-import { useQuery } from "react-query";
-import { useParams } from "wouter";
-
-export const TopBar = ({ toggleCollapsed }) => {
-    const { guild } = useParams();
-    const [reminder] = useReminder();
-
-    const { isSuccess, data: guildChannels } = useQuery(fetchGuildChannels(guild));
-
-    const channelName = (reminder: Reminder) => {
-        const channel = guildChannels.find((c) => c.id === reminder.channel);
-        return channel === undefined ? "" : channel.name;
-    };
-
-    return (
-        <div class="columns is-mobile column reminder-topbar">
-            {isSuccess && <div class="invert-collapses channel-bar">#{channelName(reminder)}</div>}
-            <Name />
-            <div class="hide-button-bar">
-                <button class="button hide-box" onClick={toggleCollapsed}>
-                    <span class="is-sr-only">Hide reminder</span>
-                    <i class="fas fa-chevron-down"></i>
-                </button>
-            </div>
-        </div>
-    );
-};

reminder-dashboard/src/components/Reminder/TopBar/Guild.tsx

@@ -0,0 +1,67 @@
+import { useGuild } from "../../App/useGuild";
+import { useReminder } from "../ReminderContext";
+import { useQuery } from "react-query";
+import { fetchGuildChannels, Reminder } from "../../../api";
+import { useCallback } from "preact/hooks";
+import { DateTime } from "luxon";
+import { Name } from "../Name";
+
+export const Guild = ({ toggleCollapsed, isCreating }) => {
+    const guild = useGuild();
+    const [reminder] = useReminder();
+
+    const { isSuccess, data: guildChannels } = useQuery(fetchGuildChannels(guild));
+
+    const channelName = useCallback(
+        (reminder: Reminder) => {
+            const channel = guildChannels.find((c) => c.id === reminder.channel);
+            return channel === undefined ? "" : channel.name;
+        },
+        [guildChannels],
+    );
+
+    let days, hours, minutes, seconds;
+    seconds = Math.floor(
+        DateTime.fromISO(reminder.utc_time, { zone: "UTC" }).diffNow("seconds").seconds,
+    );
+    [days, seconds] = [Math.floor(seconds / 86400), seconds % 86400];
+    [hours, seconds] = [Math.floor(seconds / 3600), seconds % 3600];
+    [minutes, seconds] = [Math.floor(seconds / 60), seconds % 60];
+
+    let string;
+    if (days !== 0) {
+        if (hours !== 0) {
+            string = `${days} days, ${hours} hours`;
+        } else {
+            string = `${days} days`;
+        }
+    } else if (hours !== 0) {
+        if (minutes !== 0) {
+            string = `${hours} hours, ${minutes} minutes`;
+        } else {
+            string = `${hours} hours`;
+        }
+    } else if (minutes !== 0) {
+        if (seconds !== 0) {
+            string = `${minutes} minutes, ${seconds} seconds`;
+        } else {
+            string = `${minutes} minutes`;
+        }
+    } else {
+        string = `${seconds} seconds`;
+    }
+
+    return (
+        <div class="columns is-mobile column reminder-topbar">
+            {isSuccess && <div class="invert-collapses channel-bar">#{channelName(reminder)}</div>}
+            <Name />
+            {!isCreating && <div class="time-bar">in {string}</div>}
+            <div class="hide-button-bar">
+                <button class="button hide-box" onClick={toggleCollapsed}>
+                    <span class="is-sr-only">Hide reminder</span>
+                    <i class="fas fa-chevron-down"></i>
+                </button>
+            </div>
+        </div>
+    );
+};

reminder-dashboard/src/components/Reminder/TopBar/User.tsx

@@ -0,0 +1,51 @@
+import { Name } from "../Name";
+import { DateTime } from "luxon";
+import { useReminder } from "../ReminderContext";
+
+export const User = ({ toggleCollapsed }) => {
+    const [reminder] = useReminder();
+
+    let days, hours, minutes, seconds;
+    seconds = Math.floor(
+        DateTime.fromISO(reminder.utc_time, { zone: "UTC" }).diffNow("seconds").seconds,
+    );
+    [days, seconds] = [Math.floor(seconds / 86400), seconds % 86400];
+    [hours, seconds] = [Math.floor(seconds / 3600), seconds % 3600];
+    [minutes, seconds] = [Math.floor(seconds / 60), seconds % 60];
+
+    let string;
+    if (days !== 0) {
+        if (hours !== 0) {
+            string = `${days} days, ${hours} hours`;
+        } else {
+            string = `${days} days`;
+        }
+    } else if (hours !== 0) {
+        if (minutes !== 0) {
+            string = `${hours} hours, ${minutes} minutes`;
+        } else {
+            string = `${hours} hours`;
+        }
+    } else if (minutes !== 0) {
+        if (seconds !== 0) {
+            string = `${minutes} minutes, ${seconds} seconds`;
+        } else {
+            string = `${minutes} minutes`;
+        }
+    } else {
+        string = `${seconds} seconds`;
+    }
+
+    return (
+        <div class="columns is-mobile column reminder-topbar">
+            <Name />
+            <div class="time-bar">in {string}</div>
+            <div class="hide-button-bar">
+                <button class="button hide-box" onClick={toggleCollapsed}>
+                    <span class="is-sr-only">Hide reminder</span>
+                    <i class="fas fa-chevron-down"></i>
+                </button>
+            </div>
+        </div>
+    );
+};

reminder-dashboard/src/components/Reminder/TopBar/index.tsx

@@ -0,0 +1,13 @@
+import { useGuild } from "../../App/useGuild";
+import { Guild } from "./Guild";
+import { User } from "./User";
+
+export const TopBar = ({ toggleCollapsed, isCreating }) => {
+    const guild = useGuild();
+
+    if (guild) {
+        return <Guild toggleCollapsed={toggleCollapsed} isCreating={isCreating} />;
+    } else {
+        return <User toggleCollapsed={toggleCollapsed} />;
+    }
+};

reminder-dashboard/src/components/Reminder/Username.tsx

@@ -1,9 +1,11 @@
 import { useReminder } from "./ReminderContext";
+import { useGuild } from "../App/useGuild";
 
 export const Username = () => {
+    const guild = useGuild();
     const [reminder, setReminder] = useReminder();
 
-    return (
+    return guild ? (
         <div class="discord-message-header">
             <label class="is-sr-only">Username Override</label>
             <input
@@ -20,5 +22,9 @@ export const Username = () => {
                 }}
             ></input>
         </div>
+    ) : (
+        <div class="discord-message-header">
+            <span class="discord-username">Reminder Bot</span>
+        </div>
     );
 };

reminder-dashboard/src/components/Reminder/styles.scss

@@ -0,0 +1,28 @@
+.time-bar {
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    font-style: italic;
+}
+
+.tribute-container {
+    background-color: #2b2d31;
+    color: #fff;
+    border-radius: 8px;
+    margin: 4px;
+    padding: 4px;
+    box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);
+
+    .highlight {
+        background-color: #35373c;
+    }
+
+    li {
+        padding: 8px 12px;
+        border-radius: 8px;
+    }
+}
+
+textarea.autoresize {
+    resize: vertical !important;
+}

reminder-dashboard/src/components/Sidebar/GuildEntry.tsx

@@ -17,9 +17,6 @@ export const GuildEntry = ({ guild }: Props) => {
                         ? "is-active switch-pane"
                         : "switch-pane"
                 }
-                data-pane="guild"
-                data-guild={guild.id}
-                data-name={guild.name}
                 href={`/${guild.id}/reminders`}
             >
                 <>

reminder-dashboard/src/components/Sidebar/index.tsx

@@ -4,16 +4,19 @@ import { MobileSidebar } from "./MobileSidebar";
 import { Brand } from "./Brand";
 import { Wave } from "./Wave";
 import { GuildEntry } from "./GuildEntry";
-import { fetchUserGuilds, GuildInfo } from "../../api";
+import { fetchUserGuilds, fetchUserInfo, GuildInfo } from "../../api";
 import { TimezonePicker } from "../TimezonePicker";
-import "./style.scss";
+import "./styles.scss";
+import { Link, useLocation } from "wouter";
 
 type ContentProps = {
     guilds: GuildInfo[];
 };
 
 const SidebarContent = ({ guilds }: ContentProps) => {
-    const guildEntries = guilds.map((guild) => <GuildEntry guild={guild}></GuildEntry>);
+    const guildEntries = guilds.map((guild) => <GuildEntry guild={guild} />);
+    const [loc] = useLocation();
+    const { data: userInfo } = useQuery({ ...fetchUserInfo() });
 
     return (
         <>
@@ -22,9 +25,28 @@ const SidebarContent = ({ guilds }: ContentProps) => {
             </a>
             <Wave />
             <aside class="menu">
+                <ul class="menu-list">
+                    <li>
+                        <Link
+                            class={loc.startsWith("/@me") ? "is-active switch-pane" : "switch-pane"}
+                            href={"/@me/reminders"}
+                        >
+                            <>
+                                <span class="guild-name">@{userInfo?.name || "unknown"}</span>
+                            </>
+                        </Link>
+                    </li>
+                </ul>
                 <p class="menu-label">Servers</p>
                 <ul class="menu-list guildList">{guildEntries}</ul>
-                <div class="aside-footer">
+                <div
+                    class="aside-footer"
+                    style={{
+                        position: "sticky",
+                        bottom: "0px",
+                        backgroundColor: "rgb(54, 54, 54)",
+                    }}
+                >
                     <p class="menu-label">Options</p>
                     <ul class="menu-list">
                         <li>

reminder-dashboard/src/components/Todo/CreateTodo.tsx

@@ -0,0 +1,91 @@
+import { useMutation, useQuery, useQueryClient } from "react-query";
+import { fetchGuildChannels, postGuildTodo } from "../../api";
+import { useGuild } from "../App/useGuild";
+import { useState } from "preact/hooks";
+import { useFlash } from "../App/FlashContext";
+import { ICON_FLASH_TIME } from "../../consts";
+
+export const CreateTodo = ({ showSelector = false, channel }) => {
+    const guild = useGuild();
+
+    const [recentlyCreated, setRecentlyCreated] = useState(false);
+    const [newTodo, setNewTodo] = useState({ value: "", channel_id: channel });
+
+    const flash = useFlash();
+
+    const { isSuccess, data: channels } = useQuery(fetchGuildChannels(guild));
+
+    const queryClient = useQueryClient();
+    const mutation = useMutation({
+        ...postGuildTodo(guild),
+        onSuccess: (data) => {
+            if (data.error) {
+                flash({
+                    message: data.error,
+                    type: "error",
+                });
+            } else {
+                flash({
+                    message: "Todo created",
+                    type: "success",
+                });
+                queryClient.invalidateQueries({
+                    queryKey: ["GUILD_TODOS", guild],
+                });
+                setRecentlyCreated(true);
+                setTimeout(() => {
+                    setRecentlyCreated(false);
+                }, ICON_FLASH_TIME);
+            }
+        },
+    });
+
+    return (
+        <div class="todo">
+            <textarea
+                class="input todo-input"
+                onInput={(ev) => setNewTodo((todo) => ({ ...todo, value: ev.currentTarget.value }))}
+            />
+            {showSelector && (
+                <div class="control has-icons-left">
+                    <div class="select">
+                        <select
+                            name="channel"
+                            class="channel-selector"
+                            onInput={(ev) =>
+                                setNewTodo((todo) => ({
+                                    ...todo,
+                                    channel_id: ev.currentTarget.value || null,
+                                }))
+                            }
+                        >
+                            <option value="">(None)</option>
+                            {isSuccess &&
+                                channels.map((c) => <option value={c.id}>{c.name}</option>)}
+                        </select>
+                    </div>
+                    <div class="icon is-small is-left">
+                        <i class="fas fa-hashtag"></i>
+                    </div>
+                </div>
+            )}
+            <button onClick={() => mutation.mutate(newTodo)} class="button is-success save-btn">
+                <span class="icon">
+                    {mutation.isLoading ? (
+                        <span class="icon">
+                            <i class="fas fa-spin fa-cog"></i>
+                        </span>
+                    ) : recentlyCreated ? (
+                        <span class="icon">
+                            <i class="fas fa-check"></i>
+                        </span>
+                    ) : (
+                        <span class="icon">
+                            <i class="fas fa-sparkles"></i>
+                        </span>
+                    )}
+                </span>
+            </button>
+        </div>
+    );
+};

reminder-dashboard/src/components/Todo/index.scss

@@ -0,0 +1,10 @@
+.todo {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    margin: 6px 0;
+
+    > * {
+        margin: 0 3px;
+    }
+}

reminder-dashboard/src/components/Todo/index.tsx

@@ -0,0 +1,83 @@
+import { deleteGuildTodo, patchGuildTodo, Todo as TodoT, UpdateTodo } from "../../api";
+
+import "./index.scss";
+import { useMutation, useQueryClient } from "react-query";
+import { useFlash } from "../App/FlashContext";
+import { useGuild } from "../App/useGuild";
+import { useState } from "preact/hooks";
+import { ICON_FLASH_TIME } from "../../consts";
+
+type Props = {
+    todo: TodoT;
+};
+
+export const Todo = ({ todo }: Props) => {
+    const guild = useGuild();
+
+    const [updatedTodo, setUpdatedTodo] = useState<UpdateTodo>({ value: todo.value });
+    const [recentlySaved, setRecentlySaved] = useState(false);
+
+    const flash = useFlash();
+
+    const queryClient = useQueryClient();
+    const deleteMutation = useMutation({
+        ...deleteGuildTodo(guild),
+        onSuccess: () => {
+            flash({
+                message: "Todo deleted",
+                type: "success",
+            });
+            queryClient.invalidateQueries({
+                queryKey: ["GUILD_TODOS", guild],
+            });
+        },
+    });
+
+    const patchMutation = useMutation({
+        ...patchGuildTodo(guild),
+        onError: (error) => {
+            flash({
+                message: `An error occurred: ${error}`,
+                type: "error",
+            });
+        },
+        onSuccess: (response) => {
+            if (response.data.error) {
+                setRecentlySaved(false);
+                flash({ message: response.data.error, type: "error" });
+            } else {
+                setRecentlySaved(true);
+                setTimeout(() => {
+                    setRecentlySaved(false);
+                }, ICON_FLASH_TIME);
+            }
+        },
+    });
+
+    return (
+        <div class="todo">
+            <textarea
+                class="input todo-input"
+                value={updatedTodo.value}
+                onInput={(ev) =>
+                    setUpdatedTodo({
+                        value: ev.currentTarget.value,
+                    })
+                }
+            />
+            <button
+                onClick={() => patchMutation.mutate({ id: todo.id, todo: updatedTodo })}
+                class="button is-success save-btn"
+            >
+                <span class="icon">
+                    {recentlySaved ? <i class="fa fa-check"></i> : <i class="fa fa-save"></i>}
+                </span>
+            </button>
+            <button onClick={() => deleteMutation.mutate(todo.id)} class="button is-danger">
+                <span class="icon">
+                    <i class="fa fa-trash"></i>
+                </span>
+            </button>
+        </div>
+    );
+};

reminder-dashboard/src/components/User/UserReminders.tsx

@@ -0,0 +1,107 @@
+import { useQuery } from "react-query";
+import { fetchUserReminders } from "../../api";
+import { EditReminder } from "../Reminder/EditReminder";
+import { CreateReminder } from "../Reminder/CreateReminder";
+import { useState } from "preact/hooks";
+import { Loader } from "../Loader";
+
+enum Sort {
+    Time = "time",
+    Name = "name",
+}
+
+export const UserReminders = () => {
+    const {
+        isSuccess,
+        isFetching,
+        isFetched,
+        data: guildReminders,
+    } = useQuery(fetchUserReminders());
+
+    const [collapsed, setCollapsed] = useState(false);
+    const [sort, setSort] = useState(Sort.Time);
+
+    return (
+        <>
+            {!isFetched && <Loader />}
+            <div style={{ margin: "0 12px 12px 12px" }}>
+                <strong>Create Reminder</strong>
+                <div id={"reminderCreator"}>
+                    <CreateReminder />
+                </div>
+                <br></br>
+                <div class={"field"}>
+                    <div class={"columns is-mobile"}>
+                        <div class={"column"}>
+                            <strong>Reminders</strong>
+                        </div>
+                        <div class={"column is-narrow"}>
+                            <div class="control has-icons-left">
+                                <div class="select is-small">
+                                    <select
+                                        id="orderBy"
+                                        onInput={(ev) => {
+                                            setSort(ev.currentTarget.value as Sort);
+                                        }}
+                                    >
+                                        <option value={Sort.Time} selected={sort == Sort.Time}>
+                                            Time
+                                        </option>
+                                        <option value={Sort.Name} selected={sort == Sort.Name}>
+                                            Name
+                                        </option>
+                                    </select>
+                                </div>
+                                <div class="icon is-small is-left">
+                                    <i class="fas fa-sort-amount-down"></i>
+                                </div>
+                            </div>
+                        </div>
+                        <div class={"column is-narrow"}>
+                            <div class="control has-icons-left">
+                                <div class="select is-small">
+                                    <select
+                                        id="expandAll"
+                                        onInput={(ev) => {
+                                            if (ev.currentTarget.value === "expand") {
+                                                setCollapsed(false);
+                                            } else if (ev.currentTarget.value === "collapse") {
+                                                setCollapsed(true);
+                                            }
+                                        }}
+                                    >
+                                        <option value="" selected></option>
+                                        <option value="expand">Expand All</option>
+                                        <option value="collapse">Collapse All</option>
+                                    </select>
+                                </div>
+                                <div class="icon is-small is-left">
+                                    <i class="fas fa-expand-arrows"></i>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div id={"guildReminders"} className={isFetching ? "loading" : ""}>
+                    {isSuccess &&
+                        guildReminders
+                            .sort((r1, r2) => {
+                                if (sort === Sort.Time) {
+                                    return r1.utc_time > r2.utc_time ? 1 : -1;
+                                } else {
+                                    return r1.name > r2.name ? 1 : -1;
+                                }
+                            })
+                            .map((reminder) => (
+                                <EditReminder
+                                    key={reminder.uid}
+                                    reminder={reminder}
+                                    globalCollapse={collapsed}
+                                />
+                            ))}
+                </div>
+            </div>
+        </>
+    );
+};

reminder-dashboard/src/components/User/index.tsx

@@ -0,0 +1,9 @@
+import { UserReminders } from "./UserReminders";
+
+export const User = () => {
+    return (
+        <>
+            <UserReminders />
+        </>
+    );
+};

src/commands/pause.rs

@@ -1,4 +1,4 @@
-use chrono::NaiveDateTime;
+use chrono::DateTime;
 use serde::{Deserialize, Serialize};
 
 use crate::{
@@ -24,10 +24,10 @@ impl Recordable for Options {
                 let parsed = natural_parser(&until, &timezone.to_string()).await;
 
                 if let Some(timestamp) = parsed {
-                    match NaiveDateTime::from_timestamp_opt(timestamp, 0) {
+                    match DateTime::from_timestamp(timestamp, 0) {
                         Some(dt) => {
                             channel.paused = true;
-                            channel.paused_until = Some(dt);
+                            channel.paused_until = Some(dt.naive_utc());
 
                             channel.commit_changes(&ctx.data().database).await;
 

src/event_handlers.rs

@@ -1,10 +1,11 @@
-use poise::serenity_prelude::ActivityData;
 use poise::{
     serenity_prelude as serenity,
-    serenity_prelude::{CreateEmbed, CreateMessage, FullEvent},
+    serenity_prelude::{ActivityData, CreateEmbed, CreateMessage, FullEvent},
 };
 
-use crate::{component_models::ComponentDataModel, Data, Error, THEME_COLOR};
+use crate::{
+    component_models::ComponentDataModel, metrics::COMMAND_COUNTER, Data, Error, THEME_COLOR,
+};
 
 pub async fn listener(
     ctx: &serenity::Context,
@@ -67,6 +68,10 @@ To stay up to date on the latest features and fixes, join our [Discord](https://
 
                 component_model.act(ctx, data, &component).await;
             }
+
+            if let Some(command) = interaction.clone().command() {
+                COMMAND_COUNTER.with_label_values(&[command.data.name.as_str()]).inc();
+            }
         }
         _ => {}
     }

src/main.rs

@@ -12,12 +12,15 @@ mod event_handlers;
 #[cfg(not(test))]
 mod hooks;
 mod interval_parser;
+mod metrics;
 #[cfg(not(test))]
 mod models;
+mod postman;
 #[cfg(test)]
 mod test;
 mod time_parser;
 mod utils;
+mod web;
 
 use std::{
     collections::HashMap,
@@ -28,7 +31,7 @@ use std::{
 };
 
 use chrono_tz::Tz;
-use log::{error, warn};
+use log::warn;
 use poise::serenity_prelude::{
     model::{
         gateway::GatewayIntents,
@@ -39,6 +42,7 @@ use poise::serenity_prelude::{
 use sqlx::{MySql, Pool};
 use tokio::sync::{broadcast, broadcast::Sender, RwLock};
 
+use crate::metrics::init_metrics;
 #[cfg(test)]
 use crate::test::TestContext;
 #[cfg(not(test))]
@@ -206,6 +210,10 @@ async fn _main(tx: Sender<()>) -> Result<(), Box<dyn StdError + Send + Sync>> {
         ..Default::default()
     };
 
+    // Start metrics
+    init_metrics();
+    tokio::spawn(async { metrics::serve().await });
+
     let database =
         Pool::connect(&env::var("DATABASE_URL").expect("No database URL provided")).await.unwrap();
 
@@ -249,7 +257,7 @@ async fn _main(tx: Sender<()>) -> Result<(), Box<dyn StdError + Send + Sync>> {
                         match postman::initialize(kill_recv, ctx1, &pool1).await {
                             Ok(_) => {}
                             Err(e) => {
-                                error!("postman exiting: {}", e);
+                                panic!("postman exiting: {}", e);
                             }
                         };
                     });
@@ -259,7 +267,7 @@ async fn _main(tx: Sender<()>) -> Result<(), Box<dyn StdError + Send + Sync>> {
 
                 if !run_settings.contains("web") {
                     tokio::spawn(async move {
-                        reminder_web::initialize(kill_tx, ctx2, pool2).await.unwrap();
+                        web::initialize(kill_tx, ctx2, pool2).await.unwrap();
                     });
                 } else {
                     warn!("Not running web");

src/metrics.rs

@@ -0,0 +1,46 @@
+use axum::{routing::get, Router};
+use lazy_static::lazy_static;
+use log::warn;
+use prometheus::{IntCounterVec, Opts, Registry};
+
+lazy_static! {
+    pub static ref REGISTRY: Registry = Registry::new();
+    pub static ref REQUEST_COUNTER: IntCounterVec =
+        IntCounterVec::new(Opts::new("requests", "Web requests"), &["method", "status", "route"])
+            .unwrap();
+    pub static ref REMINDER_COUNTER: IntCounterVec =
+        IntCounterVec::new(Opts::new("reminders_sent", "Reminders sent"), &["id", "channel"])
+            .unwrap();
+    pub static ref REMINDER_FAIL_COUNTER: IntCounterVec = IntCounterVec::new(
+        Opts::new("reminders_failed", "Reminders failed"),
+        &["id", "channel", "error"]
+    )
+    .unwrap();
+    pub static ref COMMAND_COUNTER: IntCounterVec =
+        IntCounterVec::new(Opts::new("commands", "Commands used"), &["command"]).unwrap();
+}
+
+pub fn init_metrics() {
+    REGISTRY.register(Box::new(REQUEST_COUNTER.clone())).unwrap();
+    REGISTRY.register(Box::new(REMINDER_COUNTER.clone())).unwrap();
+    REGISTRY.register(Box::new(REMINDER_FAIL_COUNTER.clone())).unwrap();
+    REGISTRY.register(Box::new(COMMAND_COUNTER.clone())).unwrap();
+}
+
+pub async fn serve() {
+    let app = Router::new().route("/metrics", get(metrics));
+
+    let listener = tokio::net::TcpListener::bind("localhost:31756").await.unwrap();
+    axum::serve(listener, app).await.unwrap();
+}
+
+async fn metrics() -> String {
+    let encoder = prometheus::TextEncoder::new();
+    let res_custom = encoder.encode_to_string(&REGISTRY.gather());
+
+    res_custom.unwrap_or_else(|e| {
+        warn!("Error encoding metrics: {:?}", e);
+
+        String::new()
+    })
+}

src/models/channel_data.rs

@@ -1,9 +1,13 @@
 use chrono::NaiveDateTime;
-use poise::serenity_prelude::model::channel::Channel;
+use poise::serenity_prelude::{model::channel::Channel, CacheHttp, ChannelId, CreateWebhook};
+use secrecy::ExposeSecret;
 use sqlx::MySqlPool;
 
+use crate::{consts::DEFAULT_AVATAR, Error};
+
 pub struct ChannelData {
     pub id: u32,
+    pub channel: u64,
     pub name: Option<String>,
     pub nudge: i16,
     pub blacklisted: bool,
@@ -22,7 +26,12 @@ impl ChannelData {
 
         if let Ok(c) = sqlx::query_as_unchecked!(
             Self,
-            "SELECT id, name, nudge, blacklisted, webhook_id, webhook_token, paused, paused_until FROM channels WHERE channel = ?",
+            "
+            SELECT id, channel, name, nudge, blacklisted, webhook_id, webhook_token, paused,
+                paused_until
+            FROM channels
+            WHERE channel = ?
+            ",
             channel_id
         )
         .fetch_one(pool)
@@ -32,7 +41,8 @@ impl ChannelData {
         } else {
             let props = channel.to_owned().guild().map(|g| (g.guild_id.get().to_owned(), g.name));
 
-            let (guild_id, channel_name) = if let Some((a, b)) = props { (Some(a), Some(b)) } else { (None, None) };
+            let (guild_id, channel_name) =
+                if let Some((a, b)) = props { (Some(a), Some(b)) } else { (None, None) };
 
             sqlx::query!(
                 "INSERT IGNORE INTO channels (channel, name, guild_id) VALUES (?, ?, (SELECT id FROM guilds WHERE guild = ?))",
@@ -46,7 +56,9 @@ impl ChannelData {
             Ok(sqlx::query_as_unchecked!(
                 Self,
                 "
-SELECT id, name, nudge, blacklisted, webhook_id, webhook_token, paused, paused_until FROM channels WHERE channel = ?
+                SELECT id, channel, name, nudge, blacklisted, webhook_id, webhook_token, paused, paused_until
+                FROM channels
+                WHERE channel = ?
                 ",
                 channel_id
             )
@@ -58,8 +70,16 @@ SELECT id, name, nudge, blacklisted, webhook_id, webhook_token, paused, paused_u
     pub async fn commit_changes(&self, pool: &MySqlPool) {
         sqlx::query!(
             "
-UPDATE channels SET name = ?, nudge = ?, blacklisted = ?, webhook_id = ?, webhook_token = ?, paused = ?, paused_until \
+            UPDATE channels
-             = ? WHERE id = ?
+            SET
+                name = ?,
+                nudge = ?,
+                blacklisted = ?,
+                webhook_id = ?,
+                webhook_token = ?,
+                paused = ?,
+                paused_until = ?
+            WHERE id = ?
             ",
             self.name,
             self.nudge,
@@ -74,4 +94,24 @@ UPDATE channels SET name = ?, nudge = ?, blacklisted = ?, webhook_id = ?, webhoo
         .await
         .unwrap();
     }
+
+    pub async fn ensure_webhook(
+        &mut self,
+        ctx: impl CacheHttp,
+        pool: &MySqlPool,
+    ) -> Result<(), Error> {
+        if self.webhook_id.is_none() || self.webhook_token.is_none() {
+            let guild_channel = ChannelId::new(self.channel);
+
+            let webhook = guild_channel
+                .create_webhook(ctx.http(), CreateWebhook::new("Reminder").avatar(&*DEFAULT_AVATAR))
+                .await?;
+
+            self.webhook_id = Some(webhook.id.get().to_owned());
+            self.webhook_token = webhook.token.map(|s| s.expose_secret().clone());
+            self.commit_changes(pool).await;
+        }
+
+        Ok(())
+    }
 }

src/models/reminder/builder.rs

@@ -1,21 +1,15 @@
 use std::collections::HashSet;
 
-use chrono::{Duration, NaiveDateTime, Utc};
+use chrono::{DateTime, NaiveDateTime, TimeDelta, Utc};
 use chrono_tz::Tz;
 use poise::serenity_prelude::{
-    http::CacheHttp,
+    model::id::{ChannelId, GuildId, UserId},
-    model::{
+    ChannelType,
-        channel::GuildChannel,
-        id::{ChannelId, GuildId, UserId},
-        webhook::Webhook,
-    },
-    ChannelType, CreateWebhook, Result as SerenityResult,
 };
-use secrecy::ExposeSecret;
 use sqlx::MySqlPool;
 
 use crate::{
-    consts::{DAY, DEFAULT_AVATAR, MAX_TIME, MIN_INTERVAL},
+    consts::{DAY, MAX_TIME, MIN_INTERVAL},
     interval_parser::Interval,
     models::{
         channel_data::ChannelData,
@@ -25,25 +19,23 @@ use crate::{
     Context,
 };
 
-async fn create_webhook(
+#[derive(Hash, PartialEq, Eq, Copy, Clone)]
-    ctx: impl CacheHttp,
+pub struct ChannelWithThread {
-    channel: GuildChannel,
+    pub channel_id: u64,
-    name: impl Into<String>,
+    pub thread_id: Option<u64>,
-) -> SerenityResult<Webhook> {
-    channel.create_webhook(ctx.http(), CreateWebhook::new(name).avatar(&*DEFAULT_AVATAR)).await
 }
 
 #[derive(Hash, PartialEq, Eq)]
 pub enum ReminderScope {
     User(u64),
-    Channel(u64),
+    Channel(ChannelWithThread),
 }
 
 impl ReminderScope {
     pub fn mention(&self) -> String {
         match self {
             Self::User(id) => format!("<@{}>", id),
-            Self::Channel(id) => format!("<#{}>", id),
+            Self::Channel(c) => format!("<#{}>", c.channel_id),
         }
     }
 }
@@ -81,7 +73,7 @@ impl ReminderBuilder {
 
         match queried_time.utc_time {
             Some(utc_time) => {
-                if utc_time < (Utc::now() - Duration::seconds(60)).naive_local() {
+                if utc_time < (Utc::now() - TimeDelta::try_minutes(1).unwrap()).naive_local() {
                     Err(ReminderError::PastTime)
                 } else {
                     sqlx::query!(
@@ -89,6 +81,7 @@ impl ReminderBuilder {
                         INSERT INTO reminders (
                             `uid`,
                             `channel_id`,
+                            `thread_id`,
                             `utc_time`,
                             `timezone`,
                             `interval_seconds`,
@@ -101,11 +94,12 @@ impl ReminderBuilder {
                             `attachment`,
                             `set_by`
                         ) VALUES (
-                            ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?
+                            ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?
                         )
                         ",
                         self.uid,
                         self.channel,
+                        self.thread_id,
                         utc_time,
                         self.timezone,
                         self.interval_seconds,
@@ -171,7 +165,7 @@ impl<'a> MultiReminderBuilder<'a> {
     }
 
     pub fn time<T: Into<i64>>(mut self, time: T) -> Self {
-        if let Some(utc_time) = NaiveDateTime::from_timestamp_opt(time.into(), 0) {
+        if let Some(utc_time) = DateTime::from_timestamp(time.into(), 0).map(|d| d.naive_utc()) {
             self.utc_time = utc_time;
         }
 
@@ -179,7 +173,8 @@ impl<'a> MultiReminderBuilder<'a> {
     }
 
     pub fn expires<T: Into<i64>>(mut self, time: Option<T>) -> Self {
-        self.expires = time.map(|t| NaiveDateTime::from_timestamp_opt(t.into(), 0)).flatten();
+        self.expires =
+            time.map(|t| DateTime::from_timestamp(t.into(), 0)).flatten().map(|d| d.naive_utc());
 
         self
     }
@@ -218,7 +213,6 @@ impl<'a> MultiReminderBuilder<'a> {
             errors.insert(ReminderError::LongInterval);
         } else {
             for scope in self.scopes {
-                let thread_id = None;
                 let db_channel_id = match scope {
                     ReminderScope::User(user_id) => {
                         if let Ok(user) = UserId::new(user_id).to_user(&self.ctx).await {
@@ -238,34 +232,34 @@ impl<'a> MultiReminderBuilder<'a> {
                                 {
                                     Err(ReminderError::UserBlockedDm)
                                 } else {
-                                    Ok(user_data.dm_channel)
+                                    Ok((user_data.dm_channel, None))
                                 }
                             } else {
-                                Ok(user_data.dm_channel)
+                                Ok((user_data.dm_channel, None))
                             }
                         } else {
                             Err(ReminderError::InvalidTag)
                         }
                     }
-                    ReminderScope::Channel(channel_id) => {
+                    ReminderScope::Channel(channel_with_thread) => {
-                        let channel =
+                        let channel = ChannelId::new(channel_with_thread.channel_id)
-                            ChannelId::new(channel_id).to_channel(&self.ctx).await.unwrap();
+                            .to_channel(&self.ctx)
+                            .await
+                            .unwrap();
 
-                        if let Some(mut guild_channel) = channel.clone().guild() {
+                        if let Some(guild_channel) = channel.clone().guild() {
                             if Some(guild_channel.guild_id) != self.guild_id {
                                 Err(ReminderError::InvalidTag)
                             } else {
                                 let mut channel_data = if guild_channel.kind
                                     == ChannelType::PublicThread
                                 {
-                                    // fixme jesus christ
                                     let parent = guild_channel
                                         .parent_id
                                         .unwrap()
                                         .to_channel(&self.ctx)
                                         .await
                                         .unwrap();
-                                    guild_channel = parent.clone().guild().unwrap();
                                     ChannelData::from_channel(&parent, &self.ctx.data().database)
                                         .await
                                         .unwrap()
@@ -275,28 +269,13 @@ impl<'a> MultiReminderBuilder<'a> {
                                         .unwrap()
                                 };
 
-                                if channel_data.webhook_id.is_none()
+                                match channel_data
-                                    || channel_data.webhook_token.is_none()
+                                    .ensure_webhook(&self.ctx, &self.ctx.data().database)
+                                    .await
+                                    .map_err(|e| ReminderError::DiscordError(e.to_string()))
                                 {
-                                    match create_webhook(&self.ctx, guild_channel, "Reminder").await
+                                    Ok(()) => Ok((channel_data.id, channel_with_thread.thread_id)),
-                                    {
+                                    Err(e) => Err(e),
-                                        Ok(webhook) => {
-                                            channel_data.webhook_id =
-                                                Some(webhook.id.get().to_owned());
-                                            channel_data.webhook_token =
-                                                webhook.token.map(|s| s.expose_secret().clone());
-
-                                            channel_data
-                                                .commit_changes(&self.ctx.data().database)
-                                                .await;
-
-                                            Ok(channel_data.id)
-                                        }
-
-                                        Err(e) => Err(ReminderError::DiscordError(e.to_string())),
-                                    }
-                                } else {
-                                    Ok(channel_data.id)
                                 }
                             }
                         } else {
@@ -306,11 +285,11 @@ impl<'a> MultiReminderBuilder<'a> {
                 };
 
                 match db_channel_id {
-                    Ok(c) => {
+                    Ok((channel, thread_id)) => {
                         let builder = ReminderBuilder {
                             pool: self.ctx.data().database.clone(),
                             uid: generate_uid(),
-                            channel: c,
+                            channel,
                             thread_id,
                             utc_time: self.utc_time,
                             timezone: self.timezone.to_string(),

src/models/reminder/mod.rs

@@ -13,7 +13,7 @@ use chrono_tz::Tz;
 use poise::{
     serenity_prelude::{
         model::id::{ChannelId, GuildId, UserId},
-        ButtonStyle, Cache, CreateActionRow, CreateButton, CreateEmbed, ReactionType,
+        ButtonStyle, Cache, ChannelType, CreateActionRow, CreateButton, CreateEmbed, ReactionType,
     },
     CreateReply,
 };
@@ -26,7 +26,7 @@ use crate::{
     interval_parser::parse_duration,
     models::{
         reminder::{
-            builder::{MultiReminderBuilder, ReminderScope},
+            builder::{ChannelWithThread, MultiReminderBuilder, ReminderScope},
             content::Content,
             errors::ReminderError,
         },
@@ -38,6 +38,7 @@ use crate::{
 };
 
 #[derive(Debug, Clone)]
+#[allow(dead_code)]
 pub struct Reminder {
     pub id: u32,
     pub uid: String,
@@ -406,7 +407,8 @@ pub async fn create_reminder(
                 let id = i.get(2).unwrap().as_str().parse::<u64>().unwrap();
 
                 if pref == "#" {
-                    ReminderScope::Channel(id)
+                    let channel_with_thread = ChannelWithThread { channel_id: id, thread_id: None };
+                    ReminderScope::Channel(channel_with_thread)
                 } else {
                     ReminderScope::User(id)
                 }
@@ -481,8 +483,23 @@ pub async fn create_reminder(
                 let list = channels.map(|arg| parse_mention_list(&arg)).unwrap_or_default();
 
                 if list.is_empty() {
-                    if ctx.guild_id().is_some() {
+                    if let Some(channel) = ctx.guild_channel().await {
-                        vec![ReminderScope::Channel(ctx.channel_id().get())]
+                        if channel.kind == ChannelType::PublicThread
+                            || channel.kind == ChannelType::PrivateThread
+                        {
+                            let parent = channel.parent_id.unwrap();
+                            let channel_with_threads = ChannelWithThread {
+                                channel_id: parent.get(),
+                                thread_id: Some(ctx.channel_id().get()),
+                            };
+                            vec![ReminderScope::Channel(channel_with_threads)]
+                        } else {
+                            let channel_with_threads = ChannelWithThread {
+                                channel_id: ctx.channel_id().get(),
+                                thread_id: None,
+                            };
+                            vec![ReminderScope::Channel(channel_with_threads)]
+                        }
                     } else {
                         vec![ReminderScope::User(ctx.author().id.get())]
                     }

src/models/timer.rs

@@ -4,6 +4,7 @@ use sqlx::MySqlPool;
 pub struct Timer {
     pub name: String,
     pub start_time: DateTime<Utc>,
+    #[allow(dead_code)]
     pub owner: u64,
 }
 

src/models/user_data.rs

@@ -7,6 +7,7 @@ use crate::consts::LOCAL_TIMEZONE;
 
 pub struct UserData {
     pub id: u32,
+    #[allow(dead_code)]
     pub user: u64,
     pub dm_channel: u32,
     pub timezone: String,
@@ -22,7 +23,7 @@ impl UserData {
 
         match sqlx::query!(
             "
-SELECT IFNULL(timezone, 'UTC') AS timezone FROM users WHERE user = ?
+            SELECT IFNULL(timezone, 'UTC') AS timezone FROM users WHERE user = ?
             ",
             user_id
         )

src/postman/mod.rs

@@ -3,7 +3,7 @@ mod sender;
 use std::env;
 
 use log::{info, warn};
-use serenity::client::Context;
+use poise::serenity_prelude::client::Context;
 use sqlx::{Executor, MySql};
 use tokio::{
     sync::broadcast::Receiver,

src/postman/sender.rs

@@ -1,13 +1,11 @@
 use std::env;
 
-use chrono::{DateTime, Days, Duration, Months};
+use chrono::{DateTime, Days, Months, TimeDelta};
 use chrono_tz::Tz;
 use lazy_static::lazy_static;
 use log::{error, info, warn};
 use num_integer::Integer;
-use regex::{Captures, Regex};
+use poise::serenity_prelude::{
-use serde::Deserialize;
-use serenity::{
     all::{CreateAttachment, CreateEmbedFooter},
     builder::{CreateEmbed, CreateEmbedAuthor, CreateMessage, ExecuteWebhook},
     http::{CacheHttp, Http, HttpError},
@@ -18,6 +16,8 @@ use serenity::{
     },
     Error, Result,
 };
+use regex::{Captures, Regex};
+use serde::Deserialize;
 use sqlx::{
     types::{
         chrono::{NaiveDateTime, Utc},
@@ -26,7 +26,10 @@ use sqlx::{
     Executor,
 };
 
-use crate::Database;
+use crate::{
+    metrics::{REMINDER_COUNTER, REMINDER_FAIL_COUNTER},
+    Database,
+};
 
 lazy_static! {
     pub static ref TIMEFROM_REGEX: Regex =
@@ -66,15 +69,15 @@ pub fn substitute(string: &str) -> String {
         let format = caps.name("format").map(|m| m.as_str());
 
         if let (Some(final_time), Some(format)) = (final_time, format) {
-            match NaiveDateTime::from_timestamp_opt(final_time, 0) {
+            match DateTime::from_timestamp(final_time, 0) {
                 Some(dt) => {
-                    let now = Utc::now().naive_utc();
+                    let now = Utc::now();
 
                     let difference = {
                         if now < dt {
-                            dt - Utc::now().naive_utc()
+                            dt - Utc::now()
                         } else {
-                            Utc::now().naive_utc() - dt
+                            Utc::now() - dt
                         }
                     };
 
@@ -232,6 +235,7 @@ pub struct Reminder {
     id: u32,
 
     channel_id: u64,
+    thread_id: Option<u64>,
     webhook_id: Option<u64>,
     webhook_token: Option<String>,
 
@@ -262,58 +266,59 @@ impl Reminder {
         match sqlx::query_as_unchecked!(
             Reminder,
             r#"
-SELECT
+            SELECT
-    reminders.`id` AS id,
+                reminders.`id` AS id,
 
-    channels.`channel` AS channel_id,
+                channels.`channel` AS channel_id,
-    channels.`webhook_id` AS webhook_id,
+                reminders.`thread_id` AS thread_id,
-    channels.`webhook_token` AS webhook_token,
+                channels.`webhook_id` AS webhook_id,
+                channels.`webhook_token` AS webhook_token,
 
-    channels.`paused` AS 'channel_paused',
+                channels.`paused` AS 'channel_paused',
-    channels.`paused_until` AS 'channel_paused_until',
+                channels.`paused_until` AS 'channel_paused_until',
-    reminders.`enabled` AS 'enabled',
+                reminders.`enabled` AS 'enabled',
 
-    reminders.`tts` AS tts,
+                reminders.`tts` AS tts,
-    reminders.`pin` AS pin,
+                reminders.`pin` AS pin,
-    reminders.`content` AS content,
+                reminders.`content` AS content,
-    reminders.`attachment` AS attachment,
+                reminders.`attachment` AS attachment,
-    reminders.`attachment_name` AS attachment_name,
+                reminders.`attachment_name` AS attachment_name,
 
-    reminders.`utc_time` AS 'utc_time',
+                reminders.`utc_time` AS 'utc_time',
-    reminders.`timezone` AS timezone,
+                reminders.`timezone` AS timezone,
-    reminders.`restartable` AS restartable,
+                reminders.`restartable` AS restartable,
-    reminders.`expires` AS 'expires',
+                reminders.`expires` AS 'expires',
-    reminders.`interval_seconds` AS 'interval_seconds',
+                reminders.`interval_seconds` AS 'interval_seconds',
-    reminders.`interval_days` AS 'interval_days',
+                reminders.`interval_days` AS 'interval_days',
-    reminders.`interval_months` AS 'interval_months',
+                reminders.`interval_months` AS 'interval_months',
 
-    reminders.`avatar` AS avatar,
+                reminders.`avatar` AS avatar,
-    reminders.`username` AS username
+                reminders.`username` AS username
-FROM
+            FROM
-    reminders
+                reminders
-INNER JOIN
+            INNER JOIN
-    channels
+                channels
-ON
+            ON
-    reminders.channel_id = channels.id
+                reminders.channel_id = channels.id
-WHERE
+            WHERE
-    reminders.`status` = 'pending' AND
+                reminders.`status` = 'pending' AND
-    reminders.`id` IN (
+                reminders.`id` IN (
-        SELECT
+                    SELECT
-            MIN(id)
+                        MIN(id)
-        FROM
+                    FROM
-            reminders
+                        reminders
-        WHERE
+                    WHERE
-            reminders.`utc_time` <= NOW() AND
+                        reminders.`utc_time` <= NOW() AND
-            `status` = 'pending' AND
+                        `status` = 'pending' AND
-            (
+                        (
-                reminders.`interval_seconds` IS NOT NULL
+                            reminders.`interval_seconds` IS NOT NULL
-                OR reminders.`interval_months` IS NOT NULL
+                            OR reminders.`interval_months` IS NOT NULL
-                OR reminders.`interval_days` IS NOT NULL
+                            OR reminders.`interval_days` IS NOT NULL
-                OR reminders.enabled
+                            OR reminders.enabled
-            )
+                        )
-        GROUP BY channel_id
+                    GROUP BY channel_id
-    )
+                )
-    "#,
+            "#,
         )
         .fetch_all(pool)
         .await
@@ -337,7 +342,9 @@ WHERE
 
     async fn reset_webhook(&self, pool: impl Executor<'_, Database = Database> + Copy) {
         let _ = sqlx::query!(
-            "UPDATE channels SET webhook_id = NULL, webhook_token = NULL WHERE channel = ?",
+            "
+            UPDATE channels SET webhook_id = NULL, webhook_token = NULL WHERE channel = ?
+            ",
             self.channel_id
         )
         .execute(pool)
@@ -393,7 +400,13 @@ WHERE
                 }
 
                 if let Some(interval) = self.interval_seconds {
-                    updated_reminder_time += Duration::seconds(interval as i64);
+                    updated_reminder_time += TimeDelta::try_seconds(interval as i64)
+                        .unwrap_or_else(|| {
+                            warn!("{}: Could not add {} seconds to a reminder", self.id, interval);
+                            fail_count += 1;
+
+                            TimeDelta::zero()
+                        });
                 }
             }
 
@@ -432,10 +445,24 @@ WHERE
             None => error.to_string(),
         };
 
+        REMINDER_FAIL_COUNTER
+            .get_metric_with_label_values(&[
+                self.id.to_string().as_str(),
+                self.channel_id.to_string().as_str(),
+                &message,
+            ])
+            .map_or_else(|e| warn!("Couldn't count failed reminder: {:?}", e), |c| c.inc());
         error!("[Reminder {}] {}", self.id, message);
     }
 
-    async fn log_success(&self) {}
+    async fn log_success(&self) {
+        REMINDER_COUNTER
+            .get_metric_with_label_values(&[
+                self.id.to_string().as_str(),
+                self.channel_id.to_string().as_str(),
+            ])
+            .map_or_else(|e| warn!("Couldn't count sent reminder: {:?}", e), |c| c.inc());
+    }
 
     async fn set_sent(&self, pool: impl Executor<'_, Database = Database> + Copy) {
         sqlx::query!("UPDATE reminders SET `status` = 'sent' WHERE `id` = ?", self.id)
@@ -473,7 +500,11 @@ WHERE
             reminder: &Reminder,
             embed: Option<CreateEmbed>,
         ) -> Result<()> {
-            let channel = ChannelId::new(reminder.channel_id).to_channel(&cache_http).await;
+            let channel = if let Some(thread_id) = reminder.thread_id {
+                ChannelId::new(thread_id).to_channel(&cache_http).await
+            } else {
+                ChannelId::new(reminder.channel_id).to_channel(&cache_http).await
+            };
 
             let mut message = CreateMessage::new().content(&reminder.content).tts(reminder.tts);
 
@@ -524,7 +555,14 @@ WHERE
             webhook: Webhook,
             embed: Option<CreateEmbed>,
         ) -> Result<()> {
-            let mut builder = ExecuteWebhook::new().content(&reminder.content).tts(reminder.tts);
+            let mut builder = if let Some(thread_id) = reminder.thread_id {
+                ExecuteWebhook::new()
+                    .content(&reminder.content)
+                    .tts(reminder.tts)
+                    .in_thread(thread_id)
+            } else {
+                ExecuteWebhook::new().content(&reminder.content).tts(reminder.tts)
+            };
 
             if let Some(username) = &reminder.username {
                 if !username.is_empty() {
@@ -571,7 +609,9 @@ WHERE
                     .map_or(true, |inner| inner >= Utc::now().naive_local()))
         {
             let _ = sqlx::query!(
-                "UPDATE `channels` SET paused = 0, paused_until = NULL WHERE `channel` = ?",
+                "
+                UPDATE `channels` SET paused = 0, paused_until = NULL WHERE `channel` = ?
+                ",
                 self.channel_id
             )
             .execute(pool)

src/web/catchers.rs

@@ -1,9 +1,9 @@
 use std::collections::HashMap;
 
-use rocket::serde::json::json;
+use rocket::{catch, serde::json::json};
 use rocket_dyn_templates::Template;
 
-use crate::JsonValue;
+use crate::web::JsonValue;
 
 #[catch(403)]
 pub(crate) async fn forbidden() -> Template {

src/web/consts.rs

@@ -20,14 +20,14 @@ pub const DAY: usize = 24 * HOUR;
 
 pub const CHARACTERS: &str = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_";
 
-use std::{collections::HashSet, env, iter::FromIterator};
+use std::{collections::HashSet, env};
 
 use lazy_static::lazy_static;
 use serenity::builder::CreateAttachment;
 
 lazy_static! {
     pub static ref DEFAULT_AVATAR: CreateAttachment = CreateAttachment::bytes(
-        include_bytes!(concat!(env!("CARGO_MANIFEST_DIR"), "/../assets/webhook.jpg")) as &[u8],
+        include_bytes!(concat!(env!("CARGO_MANIFEST_DIR"), "/assets/webhook.jpg")) as &[u8],
         "webhook.jpg",
     );
     pub static ref SUBSCRIPTION_ROLES: HashSet<u64> = HashSet::from_iter(
@@ -45,4 +45,5 @@ lazy_static! {
         .map(|inner| inner.parse::<u32>().ok())
         .flatten()
         .unwrap_or(600);
+    pub static ref SALT: String = env::var("SALT").unwrap();
 }

src/web/guards/transaction.rs

@@ -20,6 +20,7 @@ impl Transaction<'_> {
 }
 
 #[derive(Debug)]
+#[allow(dead_code)]
 pub enum TransactionError {
     Error(sqlx::Error),
     Missing,

src/web/metrics.rs

@@ -0,0 +1,27 @@
+use rocket::{
+    fairing::{Fairing, Info, Kind},
+    Request, Response,
+};
+
+use crate::metrics::REQUEST_COUNTER;
+
+pub struct MetricProducer;
+
+#[rocket::async_trait]
+impl Fairing for MetricProducer {
+    fn info(&self) -> Info {
+        Info { name: "Metrics fairing", kind: Kind::Response }
+    }
+
+    async fn on_response<'r>(&self, req: &'r Request<'_>, resp: &mut Response<'r>) {
+        if let Some(route) = req.route() {
+            REQUEST_COUNTER
+                .with_label_values(&[
+                    req.method().as_str(),
+                    &resp.status().code.to_string(),
+                    &route.uri.to_string(),
+                ])
+                .inc();
+        }
+    }
+}

src/web/mod.rs

@@ -1,6 +1,3 @@
-#[macro_use]
-extern crate rocket;
-
 mod consts;
 #[macro_use]
 mod macros;
@@ -8,35 +5,91 @@ mod catchers;
 mod guards;
 mod metrics;
 mod routes;
+pub mod string {
+    use std::{fmt::Display, str::FromStr};
+
+    use serde::{de, Deserialize, Deserializer, Serializer};
+
+    pub fn serialize<T, S>(value: &T, serializer: S) -> Result<S::Ok, S::Error>
+    where
+        T: Display,
+        S: Serializer,
+    {
+        serializer.collect_str(value)
+    }
+
+    pub fn deserialize<'de, T, D>(deserializer: D) -> Result<T, D::Error>
+    where
+        T: FromStr,
+        T::Err: Display,
+        D: Deserializer<'de>,
+    {
+        String::deserialize(deserializer)?.parse().map_err(de::Error::custom)
+    }
+}
+
+pub mod string_opt {
+    use std::{fmt::Display, str::FromStr};
+
+    use serde::{de, Deserialize, Deserializer, Serializer};
+
+    pub fn serialize<T, S>(value: &Option<T>, serializer: S) -> Result<S::Ok, S::Error>
+    where
+        T: Display,
+        S: Serializer,
+    {
+        if let Some(v) = value {
+            serializer.collect_str(v)
+        } else {
+            serializer.serialize_none()
+        }
+    }
+
+    pub fn deserialize<'de, T, D>(deserializer: D) -> Result<Option<T>, D::Error>
+    where
+        T: FromStr,
+        T::Err: Display,
+        D: Deserializer<'de>,
+    {
+        Option::<String>::deserialize(deserializer)?
+            .map(|s| s.parse().map_err(de::Error::custom))
+            .transpose()
+    }
+}
 
 use std::{env, path::Path};
 
+use log::{error, info, warn};
 use oauth2::{basic::BasicClient, AuthUrl, ClientId, ClientSecret, RedirectUrl, TokenUrl};
-use rocket::{
+use poise::serenity_prelude::{
-    fs::FileServer,
-    http::CookieJar,
-    serde::json::{json, Value as JsonValue},
-    tokio::sync::broadcast::Sender,
-};
-use rocket_dyn_templates::Template;
-use serenity::{
     client::Context,
     http::CacheHttp,
     model::id::{GuildId, UserId},
 };
+use rocket::{
+    catchers,
+    fs::FileServer,
+    http::CookieJar,
+    routes,
+    serde::json::{json, Value as JsonValue},
+    tokio::sync::broadcast::Sender,
+};
+use rocket_dyn_templates::Template;
 use sqlx::{MySql, Pool};
 
-use crate::{
+use crate::web::{
     consts::{CNC_GUILD, DISCORD_OAUTH_AUTHORIZE, DISCORD_OAUTH_TOKEN, SUBSCRIPTION_ROLES},
-    metrics::{init_metrics, MetricProducer},
+    metrics::MetricProducer,
 };
 
 type Database = MySql;
 
 #[derive(Debug)]
 enum Error {
-    SQLx,
+    #[allow(unused)]
-    Serenity,
+    SQLx(sqlx::Error),
+    #[allow(unused)]
+    Serenity(serenity::Error),
 }
 
 pub async fn initialize(
@@ -66,9 +119,7 @@ pub async fn initialize(
     let reqwest_client = reqwest::Client::new();
 
     let static_path =
-        if Path::new("web/static").exists() { "web/static" } else { "/lib/reminder-rs/static" };
+        if Path::new("static").exists() { "static" } else { "/lib/reminder-rs/static" };
-
-    init_metrics();
 
     rocket::build()
         .attach(MetricProducer)
@@ -94,7 +145,6 @@ pub async fn initialize(
             routes![
                 routes::cookies,
                 routes::index,
-                routes::metrics::metrics,
                 routes::privacy,
                 routes::report::report_error,
                 routes::return_to_same_site,
@@ -129,19 +179,27 @@ pub async fn initialize(
             routes![
                 routes::dashboard::dashboard,
                 routes::dashboard::dashboard_home,
+                routes::dashboard::api::delete_reminder,
                 routes::dashboard::api::user::get_user_info,
                 routes::dashboard::api::user::update_user_info,
                 routes::dashboard::api::user::get_user_guilds,
+                routes::dashboard::api::user::get_reminders,
+                routes::dashboard::api::user::edit_reminder,
+                routes::dashboard::api::user::create_user_reminder,
                 routes::dashboard::api::guild::get_guild_info,
                 routes::dashboard::api::guild::get_guild_channels,
                 routes::dashboard::api::guild::get_guild_roles,
+                routes::dashboard::api::guild::get_guild_emojis,
                 routes::dashboard::api::guild::get_reminder_templates,
                 routes::dashboard::api::guild::create_reminder_template,
                 routes::dashboard::api::guild::delete_reminder_template,
                 routes::dashboard::api::guild::create_guild_reminder,
                 routes::dashboard::api::guild::get_reminders,
                 routes::dashboard::api::guild::edit_reminder,
-                routes::dashboard::api::guild::delete_reminder,
+                routes::dashboard::api::guild::todos::create_todo,
+                routes::dashboard::api::guild::todos::get_todo,
+                routes::dashboard::api::guild::todos::update_todo,
+                routes::dashboard::api::guild::todos::delete_todo,
                 routes::dashboard::export::export_reminders,
                 routes::dashboard::export::export_reminder_templates,
                 routes::dashboard::export::export_todos,
@@ -149,7 +207,6 @@ pub async fn initialize(
                 routes::dashboard::export::import_todos,
             ],
         )
-        .mount("/admin", routes![routes::admin::admin_dashboard_home, routes::admin::bot_data])
         .launch()
         .await?;
 

src/web/routes/dashboard/api/guild/channels.rs

@@ -1,4 +1,4 @@
-use rocket::{http::CookieJar, serde::json::json, State};
+use rocket::{get, http::CookieJar, serde::json::json, State};
 use serde::Serialize;
 use serenity::{
     client::Context,
@@ -8,7 +8,7 @@ use serenity::{
     },
 };
 
-use crate::{check_authorization, routes::JsonResult};
+use crate::web::{check_authorization, routes::JsonResult};
 
 #[derive(Serialize)]
 struct ChannelInfo {

src/web/routes/dashboard/api/guild/emojis.rs

@@ -0,0 +1,84 @@
+use std::{collections::HashMap, sync::OnceLock, time::Instant};
+
+use log::warn;
+use rocket::{get, http::CookieJar, serde::json::json, State};
+use serde::Serialize;
+use serenity::{client::Context, model::id::GuildId};
+use tokio::sync::RwLock;
+
+use crate::web::{check_authorization, routes::JsonResult};
+
+#[derive(Serialize, Clone)]
+struct EmojiInfo {
+    fmt: String,
+    name: String,
+}
+
+#[derive(Clone)]
+struct EmojiCache {
+    emojis: Vec<EmojiInfo>,
+    timestamp: Instant,
+}
+
+const CACHE_LENGTH: u64 = 120;
+
+static EMOJI_CACHE: OnceLock<RwLock<HashMap<GuildId, EmojiCache>>> = OnceLock::new();
+
+#[get("/api/guild/<id>/emojis")]
+pub async fn get_guild_emojis(
+    id: u64,
+    cookies: &CookieJar<'_>,
+    ctx: &State<Context>,
+) -> JsonResult {
+    offline!(Ok(json!(vec![] as Vec<EmojiInfo>)));
+    check_authorization(cookies, ctx.inner(), id).await?;
+
+    let cache_value = {
+        let cache = EMOJI_CACHE.get_or_init(|| RwLock::new(HashMap::new()));
+        let read_lock = cache.read().await;
+        read_lock.get(&GuildId::new(id)).cloned()
+    };
+
+    if let Some(emojis) = cache_value
+        .map(|v| {
+            if Instant::now().duration_since(v.timestamp).as_secs() < CACHE_LENGTH {
+                Some(v.emojis)
+            } else {
+                None
+            }
+        })
+        .flatten()
+    {
+        Ok(json!(emojis))
+    } else {
+        let emojis_res = ctx.http.get_emojis(GuildId::new(id)).await;
+
+        match emojis_res {
+            Ok(emojis) => {
+                let emojis = emojis
+                    .iter()
+                    .map(|emoji| EmojiInfo {
+                        fmt: format!("{}", emoji),
+                        name: emoji.name.to_string(),
+                    })
+                    .collect::<Vec<EmojiInfo>>();
+
+                {
+                    let cache = EMOJI_CACHE.get_or_init(|| RwLock::new(HashMap::new()));
+                    let mut write_lock = cache.write().await;
+                    write_lock.insert(
+                        GuildId::new(id),
+                        EmojiCache { emojis: emojis.clone(), timestamp: Instant::now() },
+                    );
+                }
+
+                Ok(json!(emojis))
+            }
+            Err(e) => {
+                warn!("Could not fetch emojis from {}: {:?}", id, e);
+
+                json_err!("Could not get emojis")
+            }
+        }
+    }
+}

src/web/routes/dashboard/api/guild/mod.rs

@@ -1,21 +1,24 @@
 mod channels;
+mod emojis;
 mod reminders;
 mod roles;
 mod templates;
+pub mod todos;
 
 use std::env;
 
-pub use channels::*;
+pub use channels::get_guild_channels;
+pub use emojis::get_guild_emojis;
 pub use reminders::*;
-use rocket::{http::CookieJar, serde::json::json, State};
+use rocket::{get, http::CookieJar, serde::json::json, State};
-pub use roles::*;
+pub use roles::get_guild_roles;
 use serenity::{
     client::Context,
     model::id::{GuildId, RoleId},
 };
 pub use templates::*;
 
-use crate::{check_authorization, routes::JsonResult};
+use crate::web::{check_authorization, routes::JsonResult};
 
 #[get("/api/guild/<id>")]
 pub async fn get_guild_info(id: u64, cookies: &CookieJar<'_>, ctx: &State<Context>) -> JsonResult {

src/web/routes/dashboard/api/guild/reminders.rs

@@ -1,5 +1,8 @@
+use log::warn;
 use rocket::{
+    get,
     http::CookieJar,
+    patch, post,
     serde::json::{json, Json},
     State,
 };
@@ -9,13 +12,13 @@ use serenity::{
 };
 use sqlx::{MySql, Pool};
 
-use crate::{
+use crate::web::{
     check_authorization, check_guild_subscription, check_subscription,
     consts::MIN_INTERVAL,
     guards::transaction::Transaction,
     routes::{
         dashboard::{
-            create_database_channel, create_reminder, DeleteReminder, PatchReminder, Reminder,
+            create_database_channel, create_reminder, CreateReminder, GetReminder, PatchReminder,
         },
         JsonResult,
     },
@@ -25,7 +28,7 @@ use crate::{
 #[post("/api/guild/<id>/reminders", data = "<reminder>")]
 pub async fn create_guild_reminder(
     id: u64,
-    reminder: Json<Reminder>,
+    reminder: Json<CreateReminder>,
     cookies: &CookieJar<'_>,
     ctx: &State<Context>,
     mut transaction: Transaction<'_>,
@@ -77,9 +80,9 @@ pub async fn get_reminders(
                 .join(",");
 
             sqlx::query_as_unchecked!(
-                Reminder,
+                GetReminder,
-                "SELECT
+                "
-                 reminders.attachment,
+                SELECT
                  reminders.attachment_name,
                  reminders.avatar,
                  channels.channel,
@@ -106,7 +109,7 @@ pub async fn get_reminders(
                  reminders.username,
                  reminders.utc_time
                 FROM reminders
-                LEFT JOIN channels ON channels.id = reminders.channel_id
+                INNER JOIN channels ON channels.id = reminders.channel_id
                 WHERE `status` = 'pending' AND FIND_IN_SET(channels.channel, ?)",
                 channels
             )
@@ -191,7 +194,7 @@ pub async fn edit_reminder(
                 .await
                 .map_err(|e| {
                     warn!("Error updating reminder interval: {:?}", e);
-                    json!({ "reminder": Option::<Reminder>::None, "errors": vec!["Unknown error"] })
+                    json!({ "reminder": Option::<GetReminder>::None, "errors": vec!["Unknown error"] })
                 })?
                 .days
                 .unwrap_or(0),
@@ -205,7 +208,7 @@ pub async fn edit_reminder(
                 .await
                 .map_err(|e| {
                     warn!("Error updating reminder interval: {:?}", e);
-                    json!({ "reminder": Option::<Reminder>::None, "errors": vec!["Unknown error"] })
+                    json!({ "reminder": Option::<GetReminder>::None, "errors": vec!["Unknown error"] })
                 })?
                 .months
                 .unwrap_or(0),
@@ -219,7 +222,7 @@ pub async fn edit_reminder(
                 .await
                 .map_err(|e| {
                     warn!("Error updating reminder interval: {:?}", e);
-                    json!({ "reminder": Option::<Reminder>::None, "errors": vec!["Unknown error"] })
+                    json!({ "reminder": Option::<GetReminder>::None, "errors": vec!["Unknown error"] })
                 })?
                 .seconds
                 .unwrap_or(0),
@@ -248,7 +251,7 @@ pub async fn edit_reminder(
         .await
         .map_err(|e| {
             warn!("Error updating reminder interval: {:?}", e);
-            json!({ "reminder": Option::<Reminder>::None, "errors": vec!["Unknown error"] })
+            json!({ "reminder": Option::<GetReminder>::None, "errors": vec!["Unknown error"] })
         })?;
     }
 
@@ -320,8 +323,9 @@ pub async fn edit_reminder(
     }
 
     match sqlx::query_as_unchecked!(
-        Reminder,
+        GetReminder,
-        "SELECT reminders.attachment,
+        "
+        SELECT
          reminders.attachment_name,
          reminders.avatar,
          channels.channel,
@@ -360,31 +364,7 @@ pub async fn edit_reminder(
         Err(e) => {
             warn!("Error exiting `edit_reminder': {:?}", e);
 
-            Err(json!({"reminder": Option::<Reminder>::None, "errors": vec!["Unknown error"]}))
+            Err(json!({"reminder": Option::<GetReminder>::None, "errors": vec!["Unknown error"]}))
-        }
-    }
-}
-
-#[delete("/api/guild/<id>/reminders", data = "<reminder>")]
-pub async fn delete_reminder(
-    cookies: &CookieJar<'_>,
-    id: u64,
-    reminder: Json<DeleteReminder>,
-    ctx: &State<Context>,
-    pool: &State<Pool<MySql>>,
-) -> JsonResult {
-    check_authorization(cookies, ctx.inner(), id).await?;
-
-    match sqlx::query!("UPDATE reminders SET `status` = 'deleted' WHERE uid = ?", reminder.uid)
-        .execute(pool.inner())
-        .await
-    {
-        Ok(_) => Ok(json!({})),
-
-        Err(e) => {
-            warn!("Error in `delete_reminder`: {:?}", e);
-
-            Err(json!({"error": "Could not delete reminder"}))
         }
     }
 }

src/web/routes/dashboard/api/guild/roles.rs

@@ -1,8 +1,9 @@
-use rocket::{http::CookieJar, serde::json::json, State};
+use log::warn;
+use rocket::{get, http::CookieJar, serde::json::json, State};
 use serde::Serialize;
 use serenity::client::Context;
 
-use crate::{check_authorization, routes::JsonResult};
+use crate::web::{check_authorization, routes::JsonResult};
 
 #[derive(Serialize)]
 struct RoleInfo {

src/web/routes/dashboard/api/guild/templates.rs

@@ -1,12 +1,15 @@
+use log::warn;
 use rocket::{
+    delete, get,
     http::CookieJar,
+    post,
     serde::json::{json, Json},
     State,
 };
 use serenity::client::Context;
 use sqlx::{MySql, Pool};
 
-use crate::{
+use crate::web::{
     check_authorization,
     consts::{
         MAX_CONTENT_LENGTH, MAX_EMBED_AUTHOR_LENGTH, MAX_EMBED_DESCRIPTION_LENGTH,

src/web/routes/dashboard/api/guild/todos.rs

@@ -0,0 +1,224 @@
+use log::warn;
+use rocket::{
+    delete, get,
+    http::CookieJar,
+    patch, post,
+    serde::json::{json, Json},
+    State,
+};
+use serde::{Deserialize, Serialize};
+use serenity::{
+    all::{ChannelId, GuildId},
+    prelude::Context,
+};
+
+use crate::web::{
+    check_authorization,
+    guards::transaction::Transaction,
+    routes::{dashboard::check_channel_matches_guild, JsonResult},
+    string_opt,
+};
+
+#[derive(Deserialize)]
+pub struct CreateTodo {
+    #[serde(with = "string_opt")]
+    channel_id: Option<u64>,
+    value: String,
+}
+
+#[derive(Serialize)]
+pub struct GetTodo {
+    id: u32,
+    #[serde(with = "string_opt")]
+    channel_id: Option<u64>,
+    value: String,
+}
+
+#[derive(Deserialize)]
+pub struct UpdateTodo {
+    value: String,
+}
+
+#[post("/api/guild/<id>/todos", data = "<todo>")]
+pub async fn create_todo(
+    id: u64,
+    todo: Json<CreateTodo>,
+    cookies: &CookieJar<'_>,
+    ctx: &State<Context>,
+    mut transaction: Transaction<'_>,
+) -> JsonResult {
+    check_authorization(cookies, ctx.inner(), id).await?;
+
+    let guild_id = GuildId::new(id);
+    if todo.value.len() > 2000 {
+        return json_err!("Value too long");
+    }
+
+    match todo.channel_id {
+        Some(channel_id) => {
+            if !check_channel_matches_guild(ctx, ChannelId::new(channel_id), guild_id) {
+                warn!("Channel {} not found for guild {}", channel_id, guild_id);
+
+                return json_err!("Channel not found");
+            }
+
+            sqlx::query!(
+                "
+                INSERT INTO todos (guild_id, channel_id, value)
+                VALUES (
+                    (SELECT id FROM guilds WHERE guild = ?),
+                    (SELECT id FROM channels WHERE channel = ?),
+                    ?
+                )
+                ",
+                id,
+                channel_id,
+                todo.value
+            )
+            .execute(transaction.executor())
+            .await
+            .map_err(|e| {
+                warn!("Error creating todo: {:?}", e);
+                json!({"errors": vec!["Unknown error"]})
+            })?;
+        }
+
+        None => {
+            sqlx::query!(
+                "
+                INSERT INTO todos (guild_id, channel_id, value)
+                VALUES (
+                    (SELECT id FROM guilds WHERE guild = ?),
+                    NULL,
+                    ?
+                )
+                ",
+                id,
+                todo.value
+            )
+            .execute(transaction.executor())
+            .await
+            .map_err(|e| {
+                warn!("Error creating todo: {:?}", e);
+                json!({"errors": vec!["Unknown error"]})
+            })?;
+        }
+    }
+
+    if let Err(e) = transaction.commit().await {
+        warn!("Couldn't commit transaction: {:?}", e);
+        return json_err!("Couldn't commit transaction.");
+    }
+
+    Ok(json!({}))
+}
+
+#[get("/api/guild/<id>/todos")]
+pub async fn get_todo(
+    id: u64,
+    cookies: &CookieJar<'_>,
+    ctx: &State<Context>,
+    mut transaction: Transaction<'_>,
+) -> JsonResult {
+    check_authorization(cookies, ctx.inner(), id).await?;
+
+    let todos = sqlx::query_as!(
+        GetTodo,
+        "
+        SELECT
+            todos.id,
+            channels.channel AS channel_id,
+            value
+        FROM todos
+        INNER JOIN guilds
+        ON guilds.id = todos.guild_id
+        LEFT JOIN channels
+        ON channels.id = todos.channel_id
+        WHERE guilds.guild = ?
+        ",
+        id
+    )
+    .fetch_all(transaction.executor())
+    .await
+    .map_err(|e| {
+        warn!("Error fetching todos: {:?}", e);
+        json!({ "errors": vec!["Unknown error"] })
+    })?;
+
+    Ok(json!(todos))
+}
+
+#[patch("/api/guild/<guild_id>/todos/<todo_id>", data = "<todo>")]
+pub async fn update_todo(
+    guild_id: u64,
+    todo_id: u64,
+    todo: Json<UpdateTodo>,
+    cookies: &CookieJar<'_>,
+    ctx: &State<Context>,
+    mut transaction: Transaction<'_>,
+) -> JsonResult {
+    check_authorization(cookies, ctx.inner(), guild_id).await?;
+
+    if todo.value.len() > 2000 {
+        return json_err!("Value too long");
+    }
+
+    sqlx::query!(
+        "
+        UPDATE todos
+        SET value = ?
+        WHERE guild_id = (SELECT id FROM guilds WHERE guild = ?)
+            AND id = ?
+        ",
+        todo.value,
+        guild_id,
+        todo_id,
+    )
+    .execute(transaction.executor())
+    .await
+    .map_err(|e| {
+        warn!("Error updating todo: {:?}", e);
+        json!({"errors": vec!["Unknown error"]})
+    })?;
+
+    if let Err(e) = transaction.commit().await {
+        warn!("Couldn't commit transaction: {:?}", e);
+        return json_err!("Couldn't commit transaction.");
+    }
+
+    Ok(json!({}))
+}
+
+#[delete("/api/guild/<guild_id>/todos/<todo_id>")]
+pub async fn delete_todo(
+    guild_id: u64,
+    todo_id: u64,
+    cookies: &CookieJar<'_>,
+    ctx: &State<Context>,
+    mut transaction: Transaction<'_>,
+) -> JsonResult {
+    check_authorization(cookies, ctx.inner(), guild_id).await?;
+
+    sqlx::query!(
+        "
+        DELETE FROM todos
+        WHERE guild_id = (SELECT id FROM guilds WHERE guild = ?)
+            AND id = ?
+        ",
+        guild_id,
+        todo_id,
+    )
+    .execute(transaction.executor())
+    .await
+    .map_err(|e| {
+        warn!("Error deleting todo: {:?}", e);
+        json!({"errors": vec!["Unknown error"]})
+    })?;
+
+    if let Err(e) = transaction.commit().await {
+        warn!("Couldn't commit transaction: {:?}", e);
+        return json_err!("Couldn't commit transaction.");
+    }
+
+    Ok(json!({}))
+}

src/web/routes/dashboard/api/mod.rs

@@ -0,0 +1,42 @@
+pub mod guild;
+pub mod user;
+
+use log::warn;
+use rocket::{
+    delete,
+    http::CookieJar,
+    serde::json::{json, Json},
+    State,
+};
+use sqlx::{MySql, Pool};
+
+use crate::web::routes::{dashboard::DeleteReminder, JsonResult};
+
+#[delete("/api/reminders", data = "<reminder>")]
+pub async fn delete_reminder(
+    cookies: &CookieJar<'_>,
+    reminder: Json<DeleteReminder>,
+    pool: &State<Pool<MySql>>,
+) -> JsonResult {
+    match cookies.get_private("userid").map(|c| c.value().parse::<u64>().ok()).flatten() {
+        Some(_) => {
+            match sqlx::query!(
+                "UPDATE reminders SET `status` = 'deleted' WHERE uid = ?",
+                reminder.uid
+            )
+            .execute(pool.inner())
+            .await
+            {
+                Ok(_) => Ok(json!({})),
+
+                Err(e) => {
+                    warn!("Error in `delete_reminder`: {:?}", e);
+
+                    Err(json!({"error": "Could not delete reminder"}))
+                }
+            }
+        }
+
+        None => Err(json!({"error": "User not authorized"})),
+    }
+}

src/web/routes/dashboard/api/user/guilds.rs

@@ -1,5 +1,7 @@
+use log::warn;
 use reqwest::Client;
 use rocket::{
+    get,
     http::CookieJar,
     serde::json::{json, Value as JsonValue},
     State,
@@ -7,7 +9,7 @@ use rocket::{
 use serde::{Deserialize, Serialize};
 use serenity::model::{id::GuildId, permissions::Permissions};
 
-use crate::consts::DISCORD_API;
+use crate::web::consts::DISCORD_API;
 
 #[derive(Serialize)]
 struct GuildInfo {

src/web/routes/dashboard/api/user/mod.rs

@@ -1,11 +1,16 @@
 mod guilds;
+mod models;
+mod reminders;
 
 use std::env;
 
 use chrono_tz::Tz;
 pub use guilds::*;
+pub use reminders::*;
 use rocket::{
+    get,
     http::CookieJar,
+    patch,
     serde::json::{json, Json, Value as JsonValue},
     State,
 };
@@ -54,7 +59,7 @@ pub async fn get_user_info(
         let user_info = UserInfo {
             name: cookies
                 .get_private("username")
-                .map_or("DiscordUser#0000".to_string(), |c| c.value().to_string()),
+                .map_or("Discord User".to_string(), |c| c.value().to_string()),
             patreon: member_res.map_or(false, |member| {
                 member
                     .roles

src/web/routes/dashboard/api/user/models.rs

@@ -0,0 +1,231 @@
+use chrono::{naive::NaiveDateTime, Utc};
+use futures::TryFutureExt;
+use log::warn;
+use rocket::serde::json::json;
+use serde::{Deserialize, Serialize};
+use serenity::{client::Context, model::id::UserId};
+use sqlx::types::Json;
+
+use crate::web::{
+    check_subscription,
+    consts::{
+        DAY, MAX_CONTENT_LENGTH, MAX_EMBED_AUTHOR_LENGTH, MAX_EMBED_DESCRIPTION_LENGTH,
+        MAX_EMBED_FIELDS, MAX_EMBED_FIELD_TITLE_LENGTH, MAX_EMBED_FIELD_VALUE_LENGTH,
+        MAX_EMBED_FOOTER_LENGTH, MAX_EMBED_TITLE_LENGTH, MAX_NAME_LENGTH, MAX_URL_LENGTH,
+        MIN_INTERVAL,
+    },
+    guards::transaction::Transaction,
+    routes::{
+        dashboard::{create_database_channel, generate_uid, name_default, Attachment, EmbedField},
+        JsonResult,
+    },
+    Error,
+};
+
+#[derive(Serialize, Deserialize)]
+pub struct Reminder {
+    pub attachment: Option<Attachment>,
+    pub attachment_name: Option<String>,
+    pub content: String,
+    pub embed_author: String,
+    pub embed_author_url: Option<String>,
+    pub embed_color: u32,
+    pub embed_description: String,
+    pub embed_footer: String,
+    pub embed_footer_url: Option<String>,
+    pub embed_image_url: Option<String>,
+    pub embed_thumbnail_url: Option<String>,
+    pub embed_title: String,
+    pub embed_fields: Option<Json<Vec<EmbedField>>>,
+    pub enabled: bool,
+    pub expires: Option<NaiveDateTime>,
+    pub interval_seconds: Option<u32>,
+    pub interval_days: Option<u32>,
+    pub interval_months: Option<u32>,
+    #[serde(default = "name_default")]
+    pub name: String,
+    pub tts: bool,
+    #[serde(default)]
+    pub uid: String,
+    pub utc_time: NaiveDateTime,
+}
+
+pub async fn create_reminder(
+    ctx: &Context,
+    transaction: &mut Transaction<'_>,
+    user_id: UserId,
+    reminder: Reminder,
+) -> JsonResult {
+    let channel = user_id
+        .create_dm_channel(&ctx)
+        .map_err(|e| Error::Serenity(e))
+        .and_then(|dm_channel| create_database_channel(&ctx, dm_channel.id, transaction))
+        .await;
+
+    if let Err(e) = channel {
+        warn!("`create_database_channel` returned an error code: {:?}", e);
+
+        return Err(json!({"error": "Failed to configure channel for reminders."}));
+    }
+
+    let channel = channel.unwrap();
+
+    // validate lengths
+    check_length!(MAX_NAME_LENGTH, reminder.name);
+    check_length!(MAX_CONTENT_LENGTH, reminder.content);
+    check_length!(MAX_EMBED_DESCRIPTION_LENGTH, reminder.embed_description);
+    check_length!(MAX_EMBED_TITLE_LENGTH, reminder.embed_title);
+    check_length!(MAX_EMBED_AUTHOR_LENGTH, reminder.embed_author);
+    check_length!(MAX_EMBED_FOOTER_LENGTH, reminder.embed_footer);
+    check_length_opt!(MAX_EMBED_FIELDS, reminder.embed_fields);
+    if let Some(fields) = &reminder.embed_fields {
+        for field in &fields.0 {
+            check_length!(MAX_EMBED_FIELD_VALUE_LENGTH, field.value);
+            check_length!(MAX_EMBED_FIELD_TITLE_LENGTH, field.title);
+        }
+    }
+    check_length_opt!(
+        MAX_URL_LENGTH,
+        reminder.embed_footer_url,
+        reminder.embed_thumbnail_url,
+        reminder.embed_author_url,
+        reminder.embed_image_url
+    );
+
+    // validate urls
+    check_url_opt!(
+        reminder.embed_footer_url,
+        reminder.embed_thumbnail_url,
+        reminder.embed_author_url,
+        reminder.embed_image_url
+    );
+
+    // validate time and interval
+    if reminder.utc_time < Utc::now().naive_utc() {
+        return Err(json!({"error": "Time must be in the future"}));
+    }
+    if reminder.interval_seconds.is_some()
+        || reminder.interval_days.is_some()
+        || reminder.interval_months.is_some()
+    {
+        if reminder.interval_months.unwrap_or(0) * 30 * DAY as u32
+            + reminder.interval_days.unwrap_or(0) * DAY as u32
+            + reminder.interval_seconds.unwrap_or(0)
+            < *MIN_INTERVAL
+        {
+            return Err(json!({"error": "Interval too short"}));
+        }
+    }
+
+    // check patreon if necessary
+    if reminder.interval_seconds.is_some()
+        || reminder.interval_days.is_some()
+        || reminder.interval_months.is_some()
+    {
+        if !check_subscription(&ctx, user_id).await {
+            return Err(json!({"error": "Patreon is required to set intervals"}));
+        }
+    }
+
+    let name = if reminder.name.is_empty() { name_default() } else { reminder.name.clone() };
+    let new_uid = generate_uid();
+
+    // write to db
+    match sqlx::query!(
+        "INSERT INTO reminders (
+         uid,
+         attachment,
+         attachment_name,
+         channel_id,
+         content,
+         embed_author,
+         embed_author_url,
+         embed_color,
+         embed_description,
+         embed_footer,
+         embed_footer_url,
+         embed_image_url,
+         embed_thumbnail_url,
+         embed_title,
+         embed_fields,
+         enabled,
+         expires,
+         interval_seconds,
+         interval_days,
+         interval_months,
+         name,
+         tts,
+         `utc_time`
+        ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)",
+        new_uid,
+        reminder.attachment,
+        reminder.attachment_name,
+        channel,
+        reminder.content,
+        reminder.embed_author,
+        reminder.embed_author_url,
+        reminder.embed_color,
+        reminder.embed_description,
+        reminder.embed_footer,
+        reminder.embed_footer_url,
+        reminder.embed_image_url,
+        reminder.embed_thumbnail_url,
+        reminder.embed_title,
+        reminder.embed_fields,
+        reminder.enabled,
+        reminder.expires,
+        reminder.interval_seconds,
+        reminder.interval_days,
+        reminder.interval_months,
+        name,
+        reminder.tts,
+        reminder.utc_time,
+    )
+    .execute(transaction.executor())
+    .await
+    {
+        Ok(_) => sqlx::query_as_unchecked!(
+            Reminder,
+            "SELECT
+             reminders.attachment,
+             reminders.attachment_name,
+             reminders.content,
+             reminders.embed_author,
+             reminders.embed_author_url,
+             reminders.embed_color,
+             reminders.embed_description,
+             reminders.embed_footer,
+             reminders.embed_footer_url,
+             reminders.embed_image_url,
+             reminders.embed_thumbnail_url,
+             reminders.embed_title,
+             reminders.embed_fields,
+             reminders.enabled,
+             reminders.expires,
+             reminders.interval_seconds,
+             reminders.interval_days,
+             reminders.interval_months,
+             reminders.name,
+             reminders.tts,
+             reminders.uid,
+             reminders.utc_time
+            FROM reminders
+            WHERE uid = ?",
+            new_uid
+        )
+        .fetch_one(transaction.executor())
+        .await
+        .map(|r| Ok(json!(r)))
+        .unwrap_or_else(|e| {
+            warn!("Failed to complete SQL query: {:?}", e);
+
+            Err(json!({"error": "Could not load reminder"}))
+        }),
+
+        Err(e) => {
+            warn!("Error in `create_reminder`: Could not execute query: {:?}", e);
+
+            Err(json!({"error": "Unknown error"}))
+        }
+    }
+}

src/web/routes/dashboard/api/user/reminders.rs

@@ -0,0 +1,284 @@
+use log::warn;
+use rocket::{
+    get,
+    http::CookieJar,
+    patch, post,
+    serde::json::{json, Json},
+    State,
+};
+use serenity::{client::Context, model::id::UserId};
+use sqlx::{MySql, Pool};
+
+use crate::web::{
+    check_subscription,
+    guards::transaction::Transaction,
+    routes::{
+        dashboard::{
+            api::user::models::{create_reminder, Reminder},
+            PatchReminder, MIN_INTERVAL,
+        },
+        JsonResult,
+    },
+    Database,
+};
+
+#[post("/api/user/reminders", data = "<reminder>")]
+pub async fn create_user_reminder(
+    reminder: Json<Reminder>,
+    cookies: &CookieJar<'_>,
+    ctx: &State<Context>,
+    mut transaction: Transaction<'_>,
+) -> JsonResult {
+    let user_id =
+        cookies.get_private("userid").map(|c| c.value().parse::<u64>().ok()).flatten().unwrap();
+
+    match create_reminder(
+        ctx.inner(),
+        &mut transaction,
+        UserId::new(user_id),
+        reminder.into_inner(),
+    )
+    .await
+    {
+        Ok(r) => match transaction.commit().await {
+            Ok(_) => Ok(r),
+            Err(e) => {
+                warn!("Couldn't commit transaction: {:?}", e);
+                json_err!("Couldn't commit transaction.")
+            }
+        },
+
+        Err(e) => Err(e),
+    }
+}
+
+#[get("/api/user/reminders")]
+pub async fn get_reminders(
+    cookies: &CookieJar<'_>,
+    ctx: &State<Context>,
+    pool: &State<Pool<MySql>>,
+) -> JsonResult {
+    let user_id =
+        cookies.get_private("userid").map(|c| c.value().parse::<u64>().ok()).flatten().unwrap();
+    let channel = UserId::new(user_id).create_dm_channel(ctx.inner()).await;
+
+    match channel {
+        Ok(channel) => sqlx::query_as_unchecked!(
+            Reminder,
+            "
+            SELECT
+                reminders.attachment,
+                reminders.attachment_name,
+                reminders.content,
+                reminders.embed_author,
+                reminders.embed_author_url,
+                reminders.embed_color,
+                reminders.embed_description,
+                reminders.embed_footer,
+                reminders.embed_footer_url,
+                reminders.embed_image_url,
+                reminders.embed_thumbnail_url,
+                reminders.embed_title,
+                IFNULL(reminders.embed_fields, '[]') AS embed_fields,
+                reminders.enabled,
+                reminders.expires,
+                reminders.interval_seconds,
+                reminders.interval_days,
+                reminders.interval_months,
+                reminders.name,
+                reminders.tts,
+                reminders.uid,
+                reminders.utc_time
+            FROM reminders
+            INNER JOIN channels ON channels.id = reminders.channel_id
+            WHERE `status` = 'pending' AND channels.channel = ?
+            ",
+            channel.id.get()
+        )
+        .fetch_all(pool.inner())
+        .await
+        .map(|r| Ok(json!(r)))
+        .unwrap_or_else(|e| {
+            warn!("Failed to complete SQL query: {:?}", e);
+
+            json_err!("Could not load reminders")
+        }),
+
+        Err(e) => {
+            warn!("Couldn't get DM channel: {:?}", e);
+
+            json_err!("Could not find a DM channel")
+        }
+    }
+}
+
+#[patch("/api/user/reminders", data = "<reminder>")]
+pub async fn edit_reminder(
+    reminder: Json<PatchReminder>,
+    ctx: &State<Context>,
+    mut transaction: Transaction<'_>,
+    pool: &State<Pool<Database>>,
+    cookies: &CookieJar<'_>,
+) -> JsonResult {
+    let user_id_cookie =
+        cookies.get_private("userid").map(|c| c.value().parse::<u64>().ok()).flatten();
+
+    if user_id_cookie.is_none() {
+        return Err(json!({"error": "User not authorized"}));
+    }
+
+    let mut error = vec![];
+    let user_id = user_id_cookie.unwrap();
+
+    if reminder.message_ok() {
+        update_field!(transaction.executor(), error, reminder.[
+            content,
+            embed_author,
+            embed_description,
+            embed_footer,
+            embed_title,
+            embed_fields
+        ]);
+    } else {
+        error.push("Message exceeds limits.".to_string());
+    }
+
+    update_field!(transaction.executor(), error, reminder.[
+        attachment,
+        attachment_name,
+        embed_author_url,
+        embed_color,
+        embed_footer_url,
+        embed_image_url,
+        embed_thumbnail_url,
+        enabled,
+        expires,
+        name,
+        tts,
+        utc_time
+    ]);
+
+    if reminder.interval_days.flatten().is_some()
+        || reminder.interval_months.flatten().is_some()
+        || reminder.interval_seconds.flatten().is_some()
+    {
+        if check_subscription(&ctx.inner(), user_id).await {
+            let new_interval_length = match reminder.interval_days {
+                Some(interval) => interval.unwrap_or(0),
+                None => sqlx::query!(
+                    "SELECT interval_days AS days FROM reminders WHERE uid = ?",
+                    reminder.uid
+                )
+                .fetch_one(transaction.executor())
+                .await
+                .map_err(|e| {
+                    warn!("Error updating reminder interval: {:?}", e);
+                    json!({ "reminder": Option::<Reminder>::None, "errors": vec!["Unknown error"] })
+                })?
+                .days
+                .unwrap_or(0),
+            } * 86400 + match reminder.interval_months {
+                Some(interval) => interval.unwrap_or(0),
+                None => sqlx::query!(
+                    "SELECT interval_months AS months FROM reminders WHERE uid = ?",
+                    reminder.uid
+                )
+                .fetch_one(transaction.executor())
+                .await
+                .map_err(|e| {
+                    warn!("Error updating reminder interval: {:?}", e);
+                    json!({ "reminder": Option::<Reminder>::None, "errors": vec!["Unknown error"] })
+                })?
+                .months
+                .unwrap_or(0),
+            } * 2592000 + match reminder.interval_seconds {
+                Some(interval) => interval.unwrap_or(0),
+                None => sqlx::query!(
+                    "SELECT interval_seconds AS seconds FROM reminders WHERE uid = ?",
+                    reminder.uid
+                )
+                .fetch_one(transaction.executor())
+                .await
+                .map_err(|e| {
+                    warn!("Error updating reminder interval: {:?}", e);
+                    json!({ "reminder": Option::<Reminder>::None, "errors": vec!["Unknown error"] })
+                })?
+                .seconds
+                .unwrap_or(0),
+            };
+
+            if new_interval_length < *MIN_INTERVAL {
+                error.push(String::from("New interval is too short."));
+            } else {
+                update_field!(transaction.executor(), error, reminder.[
+                    interval_days,
+                    interval_months,
+                    interval_seconds
+                ]);
+            }
+        }
+    } else {
+        sqlx::query!(
+            "
+            UPDATE reminders
+            SET interval_seconds = NULL, interval_days = NULL, interval_months = NULL
+            WHERE uid = ?
+            ",
+            reminder.uid
+        )
+        .execute(transaction.executor())
+        .await
+        .map_err(|e| {
+            warn!("Error updating reminder interval: {:?}", e);
+            json!({ "reminder": Option::<Reminder>::None, "errors": vec!["Unknown error"] })
+        })?;
+    }
+
+    if let Err(e) = transaction.commit().await {
+        warn!("Couldn't commit transaction: {:?}", e);
+        return json_err!("Couldn't commit transaction");
+    }
+
+    match sqlx::query_as_unchecked!(
+        Reminder,
+        "
+        SELECT reminders.attachment,
+         reminders.attachment_name,
+         reminders.content,
+         reminders.embed_author,
+         reminders.embed_author_url,
+         reminders.embed_color,
+         reminders.embed_description,
+         reminders.embed_footer,
+         reminders.embed_footer_url,
+         reminders.embed_image_url,
+         reminders.embed_thumbnail_url,
+         reminders.embed_title,
+         reminders.embed_fields,
+         reminders.enabled,
+         reminders.expires,
+         reminders.interval_seconds,
+         reminders.interval_days,
+         reminders.interval_months,
+         reminders.name,
+         reminders.tts,
+         reminders.uid,
+         reminders.utc_time
+        FROM reminders
+        LEFT JOIN channels ON channels.id = reminders.channel_id
+        WHERE uid = ?
+        ",
+        reminder.uid
+    )
+    .fetch_one(pool.inner())
+    .await
+    {
+        Ok(reminder) => Ok(json!({"reminder": reminder, "errors": error})),
+
+        Err(e) => {
+            warn!("Error exiting `edit_reminder': {:?}", e);
+
+            Err(json!({"reminder": Option::<Reminder>::None, "errors": vec!["Unknown error"]}))
+        }
+    }
+}

src/web/routes/dashboard/export.rs

@@ -1,7 +1,11 @@
+use base64::{prelude::BASE64_STANDARD, Engine};
 use csv::{QuoteStyle, WriterBuilder};
+use log::warn;
 use rocket::{
+    get,
     http::CookieJar,
-    serde::json::{json, serde_json, Json},
+    put,
+    serde::json::{json, Json},
     State,
 };
 use serenity::{
@@ -10,13 +14,12 @@ use serenity::{
 };
 use sqlx::{MySql, Pool};
 
-use crate::{
+use crate::web::{
     check_authorization,
     guards::transaction::Transaction,
     routes::{
         dashboard::{
-            create_reminder, generate_uid, ImportBody, Reminder, ReminderCsv, ReminderTemplateCsv,
+            create_reminder, CreateReminder, ImportBody, ReminderCsv, ReminderTemplateCsv, TodoCsv,
-            TodoCsv,
         },
         JsonResult,
     },
@@ -134,7 +137,7 @@ pub(crate) async fn import_reminders(
     let user_id =
         cookies.get_private("userid").map(|c| c.value().parse::<u64>().ok()).flatten().unwrap();
 
-    match base64::decode(&body.body) {
+    match BASE64_STANDARD.decode(&body.body) {
         Ok(body) => {
             let mut reader = csv::Reader::from_reader(body.as_slice());
             let mut count = 0;
@@ -146,7 +149,7 @@ pub(crate) async fn import_reminders(
 
                         match channel_id.parse::<u64>() {
                             Ok(channel_id) => {
-                                let reminder = Reminder {
+                                let reminder = CreateReminder {
                                     attachment: record.attachment,
                                     attachment_name: record.attachment_name,
                                     avatar: record.avatar,
@@ -173,7 +176,6 @@ pub(crate) async fn import_reminders(
                                     name: record.name,
                                     restartable: record.restartable,
                                     tts: record.tts,
-                                    uid: generate_uid(),
                                     username: record.username,
                                     utc_time: record.utc_time,
                                 };
@@ -292,7 +294,7 @@ pub async fn import_todos(
     let channels_res = GuildId::new(id).channels(&ctx.inner()).await;
 
     match channels_res {
-        Ok(channels) => match base64::decode(&body.body) {
+        Ok(channels) => match BASE64_STANDARD.decode(&body.body) {
             Ok(body) => {
                 let mut reader = csv::Reader::from_reader(body.as_slice());
 

src/web/routes/dashboard/mod.rs

@@ -1,8 +1,12 @@
 use std::path::Path;
 
+use base64::{prelude::BASE64_STANDARD, Engine};
 use chrono::{naive::NaiveDateTime, Utc};
+use log::warn;
 use rand::{rngs::OsRng, seq::IteratorRandom};
-use rocket::{fs::NamedFile, http::CookieJar, response::Redirect, serde::json::json};
+use rocket::{
+    fs::NamedFile, get, http::CookieJar, response::Redirect, serde::json::json, Responder,
+};
 use rocket_dyn_templates::Template;
 use secrecy::ExposeSecret;
 use serde::{de, Deserialize, Deserializer, Serialize, Serializer};
@@ -14,7 +18,7 @@ use serenity::{
 };
 use sqlx::types::Json;
 
-use crate::{
+use crate::web::{
     catchers::internal_server_error,
     check_guild_subscription, check_subscription,
     consts::{
@@ -25,7 +29,7 @@ use crate::{
     },
     guards::transaction::Transaction,
     routes::JsonResult,
-    Error,
+    string, Error,
 };
 
 pub mod api;
@@ -55,7 +59,7 @@ fn interval_default() -> Unset<Option<u32>> {
 
 #[derive(sqlx::Type)]
 #[sqlx(transparent)]
-struct Attachment(Vec<u8>);
+pub struct Attachment(Vec<u8>);
 
 impl<'de> Deserialize<'de> for Attachment {
     fn deserialize<D>(deserializer: D) -> Result<Attachment, D::Error>
@@ -63,7 +67,7 @@ impl<'de> Deserialize<'de> for Attachment {
         D: Deserializer<'de>,
     {
         let string = String::deserialize(deserializer)?;
-        Ok(Attachment(base64::decode(string).map_err(de::Error::custom)?))
+        Ok(Attachment(BASE64_STANDARD.decode(string).map_err(de::Error::custom)?))
     }
 }
 
@@ -72,7 +76,7 @@ impl Serialize for Attachment {
     where
         S: Serializer,
     {
-        serializer.collect_str(&base64::encode(&self.0))
+        serializer.collect_str(&BASE64_STANDARD.encode(&self.0))
     }
 }
 
@@ -142,9 +146,39 @@ pub struct EmbedField {
     inline: bool,
 }
 
-#[derive(Serialize, Deserialize)]
+#[derive(Deserialize)]
-pub struct Reminder {
+pub struct CreateReminder {
     attachment: Option<Attachment>,
+    attachment_name: Option<String>,
+    avatar: Option<String>,
+    #[serde(with = "string")]
+    channel: u64,
+    content: String,
+    embed_author: String,
+    embed_author_url: Option<String>,
+    embed_color: u32,
+    embed_description: String,
+    embed_footer: String,
+    embed_footer_url: Option<String>,
+    embed_image_url: Option<String>,
+    embed_thumbnail_url: Option<String>,
+    embed_title: String,
+    embed_fields: Option<Json<Vec<EmbedField>>>,
+    enabled: bool,
+    expires: Option<NaiveDateTime>,
+    interval_seconds: Option<u32>,
+    interval_days: Option<u32>,
+    interval_months: Option<u32>,
+    #[serde(default = "name_default")]
+    name: String,
+    restartable: bool,
+    tts: bool,
+    username: Option<String>,
+    utc_time: NaiveDateTime,
+}
+
+#[derive(Serialize)]
+pub struct GetReminder {
     attachment_name: Option<String>,
     avatar: Option<String>,
     #[serde(with = "string")]
@@ -314,30 +348,6 @@ where
     Ok(Some(Option::deserialize(deserializer)?))
 }
 
-// https://github.com/serde-rs/json/issues/329#issuecomment-305608405
-mod string {
-    use std::{fmt::Display, str::FromStr};
-
-    use serde::{de, Deserialize, Deserializer, Serializer};
-
-    pub fn serialize<T, S>(value: &T, serializer: S) -> Result<S::Ok, S::Error>
-    where
-        T: Display,
-        S: Serializer,
-    {
-        serializer.collect_str(value)
-    }
-
-    pub fn deserialize<'de, T, D>(deserializer: D) -> Result<T, D::Error>
-    where
-        T: FromStr,
-        T::Err: Display,
-        D: Deserializer<'de>,
-    {
-        String::deserialize(deserializer)?.parse().map_err(de::Error::custom)
-    }
-}
-
 #[derive(Deserialize)]
 pub struct DeleteReminder {
     uid: String,
@@ -359,7 +369,7 @@ pub(crate) async fn create_reminder(
     transaction: &mut Transaction<'_>,
     guild_id: GuildId,
     user_id: UserId,
-    reminder: Reminder,
+    reminder: CreateReminder,
 ) -> JsonResult {
     // check guild in db
     match sqlx::query!("SELECT 1 as A FROM guilds WHERE guild = ?", guild_id.get())
@@ -378,22 +388,13 @@ pub(crate) async fn create_reminder(
         _ => {}
     }
 
-    {
+    if !check_channel_matches_guild(ctx, ChannelId::new(reminder.channel), guild_id) {
-        // validate channel
+        warn!(
-        let channel = ChannelId::new(reminder.channel).to_channel_cached(&ctx.cache);
+            "Error in `create_reminder`: channel {} not found for guild {}",
-        let channel_exists = channel.is_some();
+            reminder.channel, guild_id
+        );
 
-        let channel_matches_guild =
+        return Err(json!({"error": "Channel not found"}));
-            channel.map_or(false, |c| c.guild(&ctx.cache).map_or(false, |c| c.id == guild_id));
-
-        if !channel_matches_guild || !channel_exists {
-            warn!(
-                "Error in `create_reminder`: channel {} not found for guild {} (channel exists: {})",
-                reminder.channel, guild_id, channel_exists
-            );
-
-            return Err(json!({"error": "Channel not found"}));
-        }
     }
 
     let channel =
@@ -541,9 +542,9 @@ pub(crate) async fn create_reminder(
     .await
     {
         Ok(_) => sqlx::query_as_unchecked!(
-            Reminder,
+            GetReminder,
-            "SELECT
+            "
-             reminders.attachment,
+            SELECT
              reminders.attachment_name,
              reminders.avatar,
              channels.channel,
@@ -591,11 +592,26 @@ pub(crate) async fn create_reminder(
     }
 }
 
+fn check_channel_matches_guild(ctx: &Context, channel_id: ChannelId, guild_id: GuildId) -> bool {
+    // validate channel
+    let channel = channel_id.to_channel_cached(&ctx.cache);
+    let channel_exists = channel.is_some();
+
+    if !channel_exists {
+        return false;
+    }
+
+    let channel_matches_guild =
+        channel.map_or(false, |c| c.guild(&ctx.cache).map_or(false, |g| g.id == guild_id));
+
+    channel_matches_guild
+}
+
 async fn create_database_channel(
     ctx: impl CacheHttp,
     channel: ChannelId,
     transaction: &mut Transaction<'_>,
-) -> Result<u32, crate::Error> {
+) -> Result<u32, Error> {
     let row = sqlx::query!(
         "SELECT webhook_token, webhook_id FROM channels WHERE channel = ?",
         channel.get()
@@ -605,11 +621,13 @@ async fn create_database_channel(
 
     match row {
         Ok(row) => {
-            if row.webhook_token.is_none() || row.webhook_id.is_none() {
+            let is_dm =
+                channel.to_channel(&ctx).await.map_err(|e| Error::Serenity(e))?.private().is_some();
+            if !is_dm && (row.webhook_token.is_none() || row.webhook_id.is_none()) {
                 let webhook = channel
                     .create_webhook(&ctx, CreateWebhook::new("Reminder").avatar(&*DEFAULT_AVATAR))
                     .await
-                    .map_err(|_| Error::Serenity)?;
+                    .map_err(|e| Error::Serenity(e))?;
 
                 let token = webhook.token.unwrap();
 
@@ -623,7 +641,7 @@ async fn create_database_channel(
                 )
                 .execute(transaction.executor())
                 .await
-                .map_err(|_| Error::SQLx)?;
+                .map_err(|e| Error::SQLx(e))?;
             }
 
             Ok(())
@@ -634,7 +652,7 @@ async fn create_database_channel(
             let webhook = channel
                 .create_webhook(&ctx, CreateWebhook::new("Reminder").avatar(&*DEFAULT_AVATAR))
                 .await
-                .map_err(|_| Error::Serenity)?;
+                .map_err(|e| Error::Serenity(e))?;
 
             let token = webhook.token.unwrap();
 
@@ -653,18 +671,18 @@ async fn create_database_channel(
             )
             .execute(transaction.executor())
             .await
-            .map_err(|_| Error::SQLx)?;
+            .map_err(|e| Error::SQLx(e))?;
 
             Ok(())
         }
 
-        Err(_) => Err(Error::SQLx),
+        Err(e) => Err(Error::SQLx(e)),
     }?;
 
     let row = sqlx::query!("SELECT id FROM channels WHERE channel = ?", channel.get())
         .fetch_one(transaction.executor())
         .await
-        .map_err(|_| Error::SQLx)?;
+        .map_err(|e| Error::SQLx(e))?;
 
     Ok(row.id)
 }