Updated rank change page systems

ui/src/api/rank.ts

@@ -1,33 +1,39 @@
-export type Member = { id: number; name: string }
-export type Rank = { id: number; name: string }
-
-// Placeholder: fetch list of members
-export async function getMembers(): Promise<Member[]> {
-  // Simulate async delay
-  await new Promise((r) => setTimeout(r, 150))
-  return [
-    { id: 1, name: 'Alice Anderson' },
-    { id: 2, name: 'Bob Brown' },
-    { id: 3, name: 'Charlie Clark' },
-    { id: 4, name: 'Dana Diaz' },
-  ]
+export type Rank = {
+  id: number
+  name: string
+  short_name: string
+  sortOrder: number
 }
 
+const addr = "localhost:3000"
+
+
 // Placeholder: fetch list of ranks
 export async function getRanks(): Promise<Rank[]> {
-  await new Promise((r) => setTimeout(r, 120))
-  return [
-    { id: 10, name: 'Private' },
-    { id: 20, name: 'Corporal' },
-    { id: 30, name: 'Sergeant' },
-    { id: 40, name: 'Lieutenant' },
-    { id: 50, name: 'Captain' },
-  ]
+  const res = await fetch(`http://${addr}/ranks`)
+
+  if (res.ok) {
+    return res.json()
+  } else {
+    console.error("Something went wrong approving the application")
+  }
+
 }
 
 // Placeholder: submit a rank change
 export async function submitRankChange(memberId: number, rankId: number): Promise<{ ok: boolean }> {
-  console.log('Stub submitRankChange', { memberId, rankId })
-  await new Promise((r) => setTimeout(r, 200))
-  return { ok: true }
-}
+  const res = await fetch(`http://${addr}/rank`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({ memberId, rankId }),
+  })
+
+  if (res.ok) {
+    return { ok: true }
+  } else {
+    console.error("Failed to submit rank change")
+    return { ok: false }
+  }
+}