From 85a114e55cf471ab894ea170278c4c847256f73d Mon Sep 17 00:00:00 2001
From: jude <jude@jellywx.com>
Date: Sun, 3 Mar 2024 21:58:48 +0000
Subject: [PATCH] Start adding stuff for user reminders

---
 reminder-dashboard/src/api.ts                            | 7 +++++++
 reminder-dashboard/src/components/App/index.tsx          | 2 ++
 .../src/components/Guild/GuildReminders.tsx              | 4 ++--
 reminder-dashboard/src/components/Guild/index.tsx        | 4 ++--
 reminder-dashboard/src/components/User/UserReminders.tsx | 3 +++
 reminder-dashboard/src/components/User/index.tsx         | 9 +++++++++
 6 files changed, 25 insertions(+), 4 deletions(-)
 create mode 100644 reminder-dashboard/src/components/User/UserReminders.tsx
 create mode 100644 reminder-dashboard/src/components/User/index.tsx

diff --git a/reminder-dashboard/src/api.ts b/reminder-dashboard/src/api.ts
index c01c75a..363f96c 100644
--- a/reminder-dashboard/src/api.ts
+++ b/reminder-dashboard/src/api.ts
@@ -175,3 +175,10 @@ export const deleteGuildTemplate = (guild: string) => ({
             },
         }),
 });
+
+export const fetchUserReminders = () => ({
+    queryKey: ["USER_REMINDERS"],
+    queryFn: () =>
+        axios.get(`/dashboard/api/user/reminders`).then((resp) => resp.data) as Promise<Reminder[]>,
+    staleTime: OTHER_STALE_TIME,
+});
diff --git a/reminder-dashboard/src/components/App/index.tsx b/reminder-dashboard/src/components/App/index.tsx
index f84c98e..40c922a 100644
--- a/reminder-dashboard/src/components/App/index.tsx
+++ b/reminder-dashboard/src/components/App/index.tsx
@@ -5,6 +5,7 @@ import { Welcome } from "../Welcome";
 import { Guild } from "../Guild";
 import { FlashProvider } from "./FlashProvider";
 import { TimezoneProvider } from "./TimezoneProvider";
+import { User } from "../User";
 
 export function App() {
     const queryClient = new QueryClient();
@@ -18,6 +19,7 @@ export function App() {
                             <Sidebar />
                             <div class="column is-main-content">
                                 <Switch>
+                                    <Route path={"/@me/reminders"} component={User}></Route>
                                     <Route path={"/:guild/reminders"} component={Guild}></Route>
                                     <Route>
                                         <Welcome />
diff --git a/reminder-dashboard/src/components/Guild/GuildReminders.tsx b/reminder-dashboard/src/components/Guild/GuildReminders.tsx
index d4dcb0e..711b132 100644
--- a/reminder-dashboard/src/components/Guild/GuildReminders.tsx
+++ b/reminder-dashboard/src/components/Guild/GuildReminders.tsx
@@ -1,10 +1,10 @@
-import { useParams } from "wouter";
 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 { 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,
diff --git a/reminder-dashboard/src/components/Guild/index.tsx b/reminder-dashboard/src/components/Guild/index.tsx
index d775884..9b3126e 100644
--- a/reminder-dashboard/src/components/Guild/index.tsx
+++ b/reminder-dashboard/src/components/Guild/index.tsx
@@ -1,13 +1,13 @@
 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 { Import } from "../Import";
+import { useGuild } from "../App/useGuild";
 
 export const Guild = () => {
-    const { guild } = useParams();
+    const guild = useGuild();
     const { isSuccess, data: guildInfo } = useQuery(fetchGuildInfo(guild));
 
     if (!isSuccess) {
diff --git a/reminder-dashboard/src/components/User/UserReminders.tsx b/reminder-dashboard/src/components/User/UserReminders.tsx
new file mode 100644
index 0000000..51c93ac
--- /dev/null
+++ b/reminder-dashboard/src/components/User/UserReminders.tsx
@@ -0,0 +1,3 @@
+export const UserReminders = () => {
+    return <></>;
+};
diff --git a/reminder-dashboard/src/components/User/index.tsx b/reminder-dashboard/src/components/User/index.tsx
new file mode 100644
index 0000000..8ebedeb
--- /dev/null
+++ b/reminder-dashboard/src/components/User/index.tsx
@@ -0,0 +1,9 @@
+import { UserReminders } from "./UserReminders";
+
+export const User = () => {
+    return (
+        <>
+            <UserReminders />
+        </>
+    );
+};