dashboard: add staff vuex store

backend/src/api/staff.ts

@@ -0,0 +1,15 @@
+import express, { Request, Response } from "express";
+import { apiTokenAuthHandlers } from "./auth";
+import { isStaff } from "../staff";
+
+export function initStaff(app: express.Express) {
+  const staffRouter = express.Router();
+  staffRouter.use(...apiTokenAuthHandlers());
+
+  staffRouter.get("/status", (req: Request, res: Response) => {
+    const userIsStaff = isStaff(req.user.userId);
+    res.json({ isStaff: userIsStaff });
+  });
+
+  app.use("/staff", staffRouter);
+}

dashboard/src/store/staff.ts

@@ -0,0 +1,24 @@
+import { get, post } from "../api";
+import { Module } from "vuex";
+import { RootState, StaffState } from "./types";
+
+export const StaffStore: Module<StaffState, RootState> = {
+  namespaced: true,
+
+  state: {
+    isStaff: false,
+  },
+
+  actions: {
+    async checkStatus({ commit }) {
+      const status = await get("staff/status");
+      commit("setStatus", status.isStaff);
+    },
+  },
+
+  mutations: {
+    setStatus(state: StaffState, value: boolean) {
+      state.isStaff = value;
+    },
+  },
+};

dashboard/src/store/types.ts

@@ -24,6 +24,10 @@ export interface GuildState {
   };
 }
 
+export interface StaffState {
+  isStaff: boolean;
+}
+
 export interface ThinDocsPlugin {
   name: string;
   info: {
@@ -57,4 +61,5 @@ export type RootState = {
   auth: AuthState;
   guilds: GuildState;
   docs: DocsState;
+  staff: StaffState;
 };