add recoil store

frontend/src/lib/store.ts

@@ -0,0 +1,23 @@
+import axios from "axios";
+import { atom } from "recoil";
+import type { APIError, MeUser } from "./types";
+
+export const userState = atom<MeUser | null>({
+  key: "userState",
+  default: getCurrentUser(),
+});
+
+async function getCurrentUser(): Promise<MeUser | null> {
+  const token = localStorage.getItem("pronouns-token");
+  if (!token) return null;
+
+  try {
+    const resp = await axios.get<MeUser | APIError>("/api/v1/users/@me");
+    if ("id" in resp.data) return resp.data as MeUser;
+    return null;
+  } catch (e) {
+    console.log("Error fetching /users/@me:", e);
+  }
+
+  return null;
+}

frontend/src/lib/types.ts

@@ -0,0 +1,27 @@
+export interface MeUser {
+  id: string;
+  username: string;
+  display_name: string | null;
+  bio: string | null;
+  avatar_source: string | null;
+  avatar_url: string | null;
+  links: string[] | null;
+  discord: string | null;
+  discord_username: string | null;
+}
+
+export interface APIError {
+  code: ErrorCode;
+  message?: string;
+}
+
+export enum ErrorCode {
+  BadRequest = 400,
+  Forbidden = 403,
+  InternalServerError = 500,
+
+  InvalidState = 1001,
+  InvalidOAuthCode = 1002,
+
+  UserNotFound = 2001,
+}