feat: added server

client/package.json

@@ -26,7 +26,7 @@
     "@storybook/addon-styling": "^1.3.6",
     "@tanstack/react-query": "^5.0.0",
     "@tanstack/react-query-devtools": "^5.0.1",
-    "@teameights/types": "^1.1.24",
+    "@teameights/types": "^1.1.27",
     "@types/js-cookie": "^3.0.5",
     "@types/lodash.debounce": "^4.0.7",
     "@types/node": "20.4.8",

client/src/entities/session/api/useGetNotifications.tsx

@@ -0,0 +1,19 @@
+'use client';
+import { useQuery } from '@tanstack/react-query';
+import { InfinityPaginationResultType, NotificationType } from '@teameights/types';
+import { API } from '@/shared/api';
+import { API_NOTIFICATIONS } from '@/shared/constant';
+
+export const useGetNotifications = () => {
+  return useQuery({
+    queryKey: ['useGetNotifications'],
+    queryFn: async () => {
+      const { data } =
+        await API.get<InfinityPaginationResultType<NotificationType>>(API_NOTIFICATIONS);
+      console.log(data);
+      return data;
+    },
+    refetchOnMount: false,
+    refetchOnWindowFocus: false,
+  });
+};

client/src/entities/session/api/useReadNotifications.tsx

@@ -0,0 +1,17 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { API } from '@/shared/api';
+import { API_NOTIFICATIONS } from '@/shared/constant';
+
+export const useReadNotifications = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    // TODO: add types here
+    mutationFn: async (id: string) => await API.patch(API_NOTIFICATIONS + `/${id}`),
+    onSuccess: () => {
+      // Invalidate and refetch
+      queryClient
+        .invalidateQueries({ queryKey: ['useGetNotifications'] })
+        .then(() => console.log('invalidated'));
+    },
+  });
+};

client/src/shared/constant/server-routes.ts

@@ -10,3 +10,5 @@ export const API_LOGOUT = '/auth/logout';
 export const API_GOOGLE_LOGIN = '/auth/google/login';
 export const API_GITHUB_LOGIN = '/auth/github/login';
 export const API_USERS = '/users';
+
+export const API_NOTIFICATIONS = '/notifications';

client/src/shared/lib/mock/index.ts

@@ -1,3 +1,2 @@
-export * from './team';
 export * from './user';
 export * from './notification';

client/src/shared/lib/mock/notification.ts

@@ -1,44 +1,16 @@
 import { faker } from '@faker-js/faker';
-import { getRandomItemFromArray } from './common';
-import {
-  ISystemNotification,
-  ITeam,
-  ITeamInvitationNotification,
-  IUserBase,
-  StatusType,
-} from '@teameights/types';
-import { generateMockFileEntity, generateMockUser } from './user';
-import { generateMockTeam } from './team';
+import { ISystemNotification, IUserBase } from '@teameights/types';
+import { generateMockUser } from './user';
 
 export const generateSystemNotification = (initialUser?: IUserBase): ISystemNotification => ({
   id: faker.number.int(),
-  user: initialUser ? initialUser : generateMockUser(),
+  receiver: initialUser ? initialUser : generateMockUser(),
   type: 'system',
   read: faker.datatype.boolean(),
-  expiresAt: faker.date.future(),
   createdAt: faker.date.recent(),
   updatedAt: faker.date.recent(),
-  system_message: faker.lorem.sentence(),
-  deletedAt: faker.date.recent(),
-});
-
-export const generateTeamInvitationNotification = (
-  initialUser?: IUserBase,
-  initialTeam?: ITeam,
-  initialFromUser?: IUserBase
-): ITeamInvitationNotification => ({
-  id: faker.number.int(),
-  user: initialUser ? initialUser : generateMockUser(),
-  type: 'team_invite',
-  read: faker.datatype.boolean(),
-  expiresAt: faker.date.future(),
-  createdAt: faker.date.recent(),
-  updatedAt: faker.date.recent(),
-  team: initialTeam ? initialTeam : generateMockTeam(initialTeam),
-  from_user: initialFromUser ? initialFromUser : generateMockUser(),
-  to_user_email: faker.internet.email(),
-  status: getRandomItemFromArray(['pending', 'accepted', 'rejected']) as StatusType,
-  photo: generateMockFileEntity(),
-  message: faker.lorem.sentence(),
   deletedAt: faker.date.recent(),
+  data: {
+    system_message: faker.lorem.sentence(),
+  },
 });

client/src/shared/lib/mock/user.ts

@@ -7,11 +7,9 @@ import {
   IProject,
   IRole,
   IStatus,
-  ITeam,
   IUniversity,
   IUserBase,
   IUserProtectedResponse,
-  NotificationType,
 } from '@teameights/types';
 import { getRandomItemFromArray, shuffleArray } from './common';
 import {
@@ -116,11 +114,7 @@ export const generateMockUniversity = (): IUniversity => ({
   graduationDate: faker.datatype.boolean() ? faker.date.past() : null,
 });
 
-export const generateMockUser = (
-  type: Speciality = 'developer',
-  initialTeam?: ITeam,
-  initialNotifications?: NotificationType[]
-): IUserBase => {
+export const generateMockUser = (type: Speciality = 'developer'): IUserBase => {
   const user: IUserBase = {
     id: faker.number.int(),
     username: faker.internet.userName(),
@@ -151,9 +145,6 @@ export const generateMockUser = (
     ),
     links: faker.datatype.boolean() ? generateMockLinks() : null,
     skills: null,
-    notifications: initialNotifications ? initialNotifications : [],
-    // to avoid dead lock we can't generate team here, we will need to add team
-    team: initialTeam ? initialTeam : null,
     createdAt: faker.date.recent(),
     updatedAt: faker.date.recent(),
     deletedAt: faker.datatype.boolean() ? faker.date.recent() : null,

client/src/widgets/modals/info-modal/team/desktop/desktop.module.scss

@@ -1,3 +1,3 @@
-.span_text {
-  color: var(--green-bright-color);
-}
+//.span_text {
+//  color: var(--green-bright-color);
+//}