add a user hook; stubbed out for OSS-side; clerked out for cloud-side (#2924)

skyvern-frontend/src/App.tsx

@@ -5,23 +5,30 @@ import { QueryClientProvider } from "@tanstack/react-query";
 import { queryClient } from "./api/QueryClient";
 
 import { PostHogProvider } from "posthog-js/react";
+import { UserContext } from "@/store/UserContext";
 
 const postHogOptions = {
   api_host: "https://app.posthog.com",
 };
 
+const getUser = () => {
+  return null;
+};
+
 function App() {
   return (
-    <PostHogProvider
-      apiKey="phc_bVT2ugnZhMHRWqMvSRHPdeTjaPxQqT3QSsI3r5FlQR5"
-      options={postHogOptions}
-    >
-      <QueryClientProvider client={queryClient}>
-        <ThemeProvider defaultTheme="dark">
-          <RouterProvider router={router} />
-        </ThemeProvider>
-      </QueryClientProvider>
-    </PostHogProvider>
+    <UserContext.Provider value={getUser}>
+      <PostHogProvider
+        apiKey="phc_bVT2ugnZhMHRWqMvSRHPdeTjaPxQqT3QSsI3r5FlQR5"
+        options={postHogOptions}
+      >
+        <QueryClientProvider client={queryClient}>
+          <ThemeProvider defaultTheme="dark">
+            <RouterProvider router={router} />
+          </ThemeProvider>
+        </QueryClientProvider>
+      </PostHogProvider>
+    </UserContext.Provider>
   );
 }
 

skyvern-frontend/src/api/types.ts

@@ -147,6 +147,8 @@ export type CreateTaskRequest = {
 };
 
 export type User = {
+  id: string;
+  email: string;
   name: string;
 };
 

skyvern-frontend/src/hooks/useUser.ts

@@ -0,0 +1,9 @@
+import { UserContext } from "@/store/UserContext";
+import { useContext } from "react";
+
+function useUser() {
+  const getUser = useContext(UserContext);
+  return { get: getUser };
+}
+
+export { useUser };

skyvern-frontend/src/store/UserContext.ts

@@ -1,6 +1,7 @@
 import { User } from "@/api/types";
 import { createContext } from "react";
 
-const UserContext = createContext<User | null>(null);
+type GetUser = () => User | null;
+const UserContext = createContext<GetUser>(() => null);
 
 export { UserContext };