From 500961be07e6176523f1c00111eaafe02bedacdb Mon Sep 17 00:00:00 2001
From: Blitblank <pmcgeee03@gmail.com>
Date: Tue, 21 Apr 2026 20:12:17 -0500
Subject: [PATCH] fix users page

---
 api/Program.cs                 |  2 ++
 client/src/pages/UsersList.vue | 21 +++++++--------------
 2 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/api/Program.cs b/api/Program.cs
index 2248a49..897d159 100644
--- a/api/Program.cs
+++ b/api/Program.cs
@@ -52,6 +52,8 @@ builder.Services.AddAuthorization(options => {
         policy.RequireRole("admin", "superuser"));
     options.AddPolicy("SensitiveDataModify", policy =>
         policy.RequireRole("superuser"));
+    
+    // TODO: policies are read at runtime. define policy names in a central place and distribute the symbol
 
 });
 
diff --git a/client/src/pages/UsersList.vue b/client/src/pages/UsersList.vue
index 4441ca6..3041bfc 100644
--- a/client/src/pages/UsersList.vue
+++ b/client/src/pages/UsersList.vue
@@ -3,14 +3,14 @@
 
 import { onMounted } from "vue"
 import { useRoute, useRouter } from "vue-router";
-import { useItemsStore } from "../stores/ItemsStore.ts"
+import { useUsersStore } from "../stores/UsersStore.ts"
 import * as authApi from "../api/AuthApi";
 
-const store = useItemsStore()
+const store = useUsersStore()
 const router = useRouter();
 
 onMounted(() => {
-  store.fetchItems()
+  store.fetchUsers()
 })
 
 function logout() {
@@ -22,20 +22,13 @@ function logout() {
 
 <template>
     <div>
-        <h1>Items</h1>
-
-        <router-link to="/item/new">Create Item</router-link>
+        <h1>Users</h1>
 
         <table>
-            <tr v-for="item in store.items" :key="item.id">
-                <td>{{ item.name }}</td>
+            <tr v-for="user in store.users" :key="user.id">
+                <td>{{ user.username }}</td>
                 <td>
-
-                    <router-link :to="`/item/${item.id}`" custom v-slot="{ navigate }">
-                        <button @click="navigate" role="link">Edit</button>
-                    </router-link>
-
-                    <button @click="store.removeItem(item.id)">Delete</button>
+                    <button @click="store.removeUser(user.id)">Delete</button>
                 </td>
             </tr>
         </table>