From b0e462a23b469a5b6e74a44cfec7ac1352ec49b7 Mon Sep 17 00:00:00 2001
From: Jonathan Dobson <jon.m.dobson@gmail.com>
Date: Thu, 10 Jul 2025 12:36:28 -0400
Subject: [PATCH] add a user hook; stubbed out for OSS-side; clerked out for
 cloud-side (#2924)

---
 skyvern-frontend/src/App.tsx              | 27 ++++++++++++++---------
 skyvern-frontend/src/api/types.ts         |  2 ++
 skyvern-frontend/src/hooks/useUser.ts     |  9 ++++++++
 skyvern-frontend/src/store/UserContext.ts |  3 ++-
 4 files changed, 30 insertions(+), 11 deletions(-)
 create mode 100644 skyvern-frontend/src/hooks/useUser.ts

diff --git a/skyvern-frontend/src/App.tsx b/skyvern-frontend/src/App.tsx
index d65c1247..ea11570c 100644
--- a/skyvern-frontend/src/App.tsx
+++ b/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>
   );
 }
 
diff --git a/skyvern-frontend/src/api/types.ts b/skyvern-frontend/src/api/types.ts
index f7016825..fbc90ca5 100644
--- a/skyvern-frontend/src/api/types.ts
+++ b/skyvern-frontend/src/api/types.ts
@@ -147,6 +147,8 @@ export type CreateTaskRequest = {
 };
 
 export type User = {
+  id: string;
+  email: string;
   name: string;
 };
 
diff --git a/skyvern-frontend/src/hooks/useUser.ts b/skyvern-frontend/src/hooks/useUser.ts
new file mode 100644
index 00000000..e383d826
--- /dev/null
+++ b/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 };
diff --git a/skyvern-frontend/src/store/UserContext.ts b/skyvern-frontend/src/store/UserContext.ts
index 8f74f44a..9fd30912 100644
--- a/skyvern-frontend/src/store/UserContext.ts
+++ b/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 };