From d6821a5ca60fab96449d1503f4fbeb8d4da5d742 Mon Sep 17 00:00:00 2001
From: rachel-mp4 <rachel@moth11.net>
Date: Sun, 12 Oct 2025 21:25:10 -0400
Subject: [PATCH] add ban form

---
 src/routes/b/[id]/+page.svelte | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/routes/b/[id]/+page.svelte b/src/routes/b/[id]/+page.svelte
index c9fe220..2de661d 100644
--- a/src/routes/b/[id]/+page.svelte
+++ b/src/routes/b/[id]/+page.svelte
@@ -5,6 +5,7 @@
   const fetchhandle = async (did: string) => {
     return fetch(`https://plc.directory/${did}`).then((res) => res.json());
   };
+  const base = import.meta.env.VITE_API_URL;
 </script>
 
 {#if data.ban}
@@ -27,5 +28,22 @@
 {/if}
 
 {#if data.myProfile.loggedIn}
-  try to ban someone (TODO, MAKE UI FOR BAN)
+  try to ban user
+  <form action={`${base}/oauth/ban`} method="POST">
+    <div>
+      <label for="user">user to ban: </label>
+      <input type="text" name="user" id="user" required />
+    </div>
+    <div>
+      <label for="days">number of days to ban for: </label>
+      <input type="text" name="days" id="days" />
+    </div>
+    <div>
+      <label for="reason">reason: </label>
+      <input type="text" name="reason" id="reason" />
+    </div>
+    <div>
+      <input type="submit" value="ban" />
+    </div>
+  </form>
 {/if}
-- 
2.51.2