feat: renamed old frontend and fixed some minor bugs

frontend/src/context/UserContext/UserContext.tsx

@@ -1,53 +1,14 @@
-import { createContext, ReactNode, useContext, useMemo } from "react";
+import { useSuspenseQuery } from "@tanstack/react-query";
 
-import { useGetUser } from "@app/hooks/api";
-import { User, UserEnc } from "@app/hooks/api/types";
-
-type TUserContext = {
-  user: User & UserEnc;
-  isLoading: boolean;
-};
-
-const UserContext = createContext<TUserContext | null>(null);
-
-type Props = {
-  children: ReactNode;
-};
-
-export const UserProvider = ({ children }: Props): JSX.Element => {
-  const { data, isLoading } = useGetUser();
-
-  // memorize the workspace details for the context
-  const value = useMemo<TUserContext>(() => {
-    return {
-      user: data!,
-      isLoading
-    };
-  }, [data, isLoading]);
-
-  if (isLoading) {
-    return (
-      <div className="flex h-screen w-screen items-center justify-center bg-bunker-800">
-        <img
-          src="/images/loading/loading.gif"
-          height={70}
-          width={120}
-          decoding="async"
-          loading="lazy"
-          alt="infisical loading indicator"
-        />
-      </div>
-    );
-  }
-
-  return <UserContext.Provider value={value}>{children}</UserContext.Provider>;
-};
+import { userKeys } from "@app/hooks/api";
+import { fetchUserDetails } from "@app/hooks/api/users/queries";
 
 export const useUser = () => {
-  const ctx = useContext(UserContext);
-  if (!ctx) {
-    throw new Error("useUser has to be used within <UserContext.Provider>");
-  }
+  const { data: user } = useSuspenseQuery({
+    queryKey: userKeys.getUser,
+    queryFn: fetchUserDetails,
+    staleTime: Infinity
+  });
 
-  return ctx;
+  return { user };
 };

frontend/src/context/UserContext/index.tsx

@@ -1 +1 @@
-export { UserProvider, useUser } from "./UserContext";
+export { useUser } from "./UserContext";