use initialQuery, add back meta tag for initial load of users

Kira-Pilot · Kira-Pilot · commit 9f459d9fcedd · 2023-10-19T18:03:12.000Z
diff --git a/site/index.html b/site/index.html
@@ -17,6 +17,7 @@
   <meta property="og:type" content="website" />
   <meta property="csrf-token" content="{{ .CSRF.Token }}" />
   <meta property="build-info" content="{{ .BuildInfo }}" />
+  <meta property="user" content="{{ .User }}" />
   <meta property="entitlements" content="{{ .Entitlements }}" />
   <meta property="appearance" content="{{ .Appearance }}" />
   <meta property="experiments" content="{{ .Experiments }}" />
diff --git a/site/src/api/queries/users.ts b/site/src/api/queries/users.ts
@@ -6,8 +6,10 @@ import {
   UpdateUserPasswordRequest,
   UpdateUserProfileRequest,
   UsersRequest,
+  User,
 } from "api/typesGenerated";
 import { getAuthorizationKey } from "./authCheck";
+import { getMetadataAsJSON } from "utils/metadata";
 
 export const users = (req: UsersRequest): UseQueryOptions<GetUsersResponse> => {
   return {
@@ -90,7 +92,8 @@ export const authMethods = () => {
 export const me = () => {
   return {
     queryKey: ["me"],
-    queryFn: async () => API.getAuthenticatedUser(),
+    initialData: getMetadataAsJSON<User>("user"),
+    queryFn: API.getAuthenticatedUser,
   };
 };
 
