Role page uses store logic. #10.

lib/store.ts

@@ -163,7 +163,7 @@ const getRoleArchive = async (userId: string, roleId: number) => {
   const kv = await Deno.openKv();
   const isArchived = await kv.get([userId, "roleArchive", roleId]);
   kv.close();
-  return isArchived;
+  return isArchived.value;
 };
 
 // Returns an HTTP status code and an object with helpful context.

routes/api/role/[id]/archive.ts

@@ -1,18 +1,17 @@
 import { Handlers } from "$fresh/server.ts";
-
-// Temp state, for testing.
-const store = {archived: true};
+import { getRoleArchive, setRoleArchive } from "../../../../lib/store.ts";
 
 // Generate a partial document describing the archive status of a role.
-const checkbox = ({url = new URL(), toggle = false} = {}) => {
-  if (toggle) {
-    store.archived = !store.archived;
-  }
+const checkbox = async ({userId = "", url = new URL(), toggle = false} = {}) => {
   // /api/role/4/archive
   //           ^
   const roleId = url.pathname.split('/')[3];
-  // TODO: use roleId to look up role status.
-  const checked = store.archived ? "checked": "";
+  let isArchived = await getRoleArchive(userId, roleId);
+  if (toggle) {
+    isArchived = !isArchived;
+    await setRoleArchive(userId, roleId, isArchived);
+  }
+  const checked = isArchived ? "checked": "";
   const archiveCheckbox = `
     <div
       id="archiveStatus"
@@ -30,20 +29,21 @@ const checkbox = ({url = new URL(), toggle = false} = {}) => {
 
 export const handler: Handlers = {
   // Return a resource describing the current state of the archive value.
-  async GET(req) {
+  async GET(req, ctx) {
+    const { userId } = ctx.state;
     const url = new URL(req.url);
-    const role = {id: 1};
 
-    return new Response(checkbox({url: url}), {
+    return new Response(await checkbox({userId: userId, url: url}), {
       status: 200,
     });
   },
   // Toggle the archive state and return the updated resource.
-  async PUT(req) {
+  async PUT(req, ctx) {
+    const { userId } = ctx.state;
     // Return the resource with its checked value toggled to the opposite of
     // what it was previously.
     const url = new URL(req.url);
-    return new Response(checkbox({url: url, toggle: true}), {
+    return new Response(await checkbox({userId: userId, url: url, toggle: true}), {
       status: 200,
     });
   },