refactor: add friend notification interface

client/src/widgets/sidebar/interfaces/index.ts

@@ -0,0 +1 @@
+export * from './notification';

client/src/widgets/sidebar/interfaces/notification.ts

@@ -0,0 +1,17 @@
+import { IUserResponse, Identifiable, Timestamps } from '@teameights/types';
+
+interface INotificationBase extends Identifiable, Timestamps {
+  receiver: IUserResponse;
+  type: 'system' | 'friend_request';
+  read: boolean;
+  createdAt: Date;
+  updatedAt: Date;
+}
+
+export interface IFriendNotification extends INotificationBase {
+  type: 'friend_request';
+  data: {
+    status: string;
+    creator: IUserResponse;
+  };
+}

client/src/widgets/sidebar/ui/notification-item/notification-item.tsx

@@ -3,14 +3,15 @@ import React from 'react';
 import { SidebarSystemNotification } from './system-notification';
 
 import styles from './notification-item.module.scss';
-import { NotificationType } from '@teameights/types';
 import { SidebarFriendNotification } from './friend-notification';
+import { ISystemNotification } from '@teameights/types';
+import { IFriendNotification } from '../../interfaces';
 
 export interface NotificationProps {
   /**
    * The notification object.
    */
-  notification: NotificationType;
+  notification: ISystemNotification | IFriendNotification;
   /**
    * A function to close the notifications modal.
    */