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 (
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
);
}
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(null);
+type GetUser = () => User | null;
+const UserContext = createContext(() => null);
export { UserContext };