switch to nx monorepo

apps/client/src/features/user/atoms/current-user-atom.ts

@@ -0,0 +1,5 @@
+import { atomWithStorage } from "jotai/utils";
+
+import { ICurrentUserResponse } from "@/features/user/types/user.types";
+
+export const currentUserAtom = atomWithStorage<ICurrentUserResponse | null>("currentUser", null);

apps/client/src/features/user/hooks/use-current-user.ts

@@ -0,0 +1,12 @@
+import { useQuery, UseQueryResult } from "@tanstack/react-query";
+import { getUserInfo } from "@/features/user/services/user-service";
+import { ICurrentUserResponse } from "@/features/user/types/user.types";
+
+export default function useCurrentUser(): UseQueryResult<ICurrentUserResponse> {
+  return useQuery({
+    queryKey: ["currentUser"],
+    queryFn: async () => {
+      return await getUserInfo();
+    },
+  });
+}

apps/client/src/features/user/services/user-service.ts

@@ -0,0 +1,30 @@
+import api from '@/lib/api-client';
+import { ICurrentUserResponse, IUser } from '@/features/user/types/user.types';
+
+export async function getMe(): Promise<IUser> {
+  const req = await api.get<IUser>('/user/me');
+  return req.data as IUser;
+}
+
+export async function getUserInfo(): Promise<ICurrentUserResponse> {
+  const req = await api.get<ICurrentUserResponse>('/user/info');
+  return req.data as ICurrentUserResponse;
+}
+
+export async function updateUser(data: Partial<IUser>): Promise<IUser> {
+  const req = await api.post<IUser>('/user/update', data);
+
+  return req.data as IUser;
+}
+
+export async function uploadAvatar(file: File) {
+  const formData = new FormData();
+  formData.append('avatar', file);
+  const req = await api.post('/attachments/upload/avatar', formData, {
+    headers: {
+      'Content-Type': 'multipart/form-data',
+    }
+  });
+  return req.data;
+}
+

apps/client/src/features/user/types/user.types.ts

@@ -0,0 +1,21 @@
+import { IWorkspace } from "@/features/workspace/types/workspace.types";
+
+export interface IUser {
+  id: string;
+  name: string;
+  email: string;
+  emailVerifiedAt: Date;
+  avatarUrl: string;
+  timezone: string;
+  settings: any;
+  lastLoginAt: string;
+  lastLoginIp: string;
+  createdAt: Date;
+  updatedAt: Date;
+  workspaceRole?: string;
+}
+
+export interface ICurrentUserResponse {
+  user: IUser,
+  workspace: IWorkspace
+}

apps/client/src/features/user/user-provider.tsx

@@ -0,0 +1,23 @@
+import { useAtom } from 'jotai';
+import { currentUserAtom } from '@/features/user/atoms/current-user-atom';
+import React, { useEffect } from 'react';
+import useCurrentUser from '@/features/user/hooks/use-current-user';
+
+export function UserProvider({ children }: React.PropsWithChildren) {
+  const [, setCurrentUser] = useAtom(currentUserAtom);
+  const { data, isLoading, error } = useCurrentUser();
+
+  useEffect(() => {
+    if (data && data.user) {
+      setCurrentUser(data);
+    }
+  }, [data, isLoading, setCurrentUser]);
+
+  if (isLoading) return <></>;
+
+  if (error) {
+    return <>an error occurred</>;
+  }
+
+  return <>{children}</>;
+}