[WEB-2382]chore:notification snooze modal (#6164)

* modified notification store

* notification snooze types fix

* handled promise

* modified notifications layout

* incresed pagination count for notifications

Author: vamsikrishnamathala

web/app/[workspaceSlug]/(projects)/notifications/layout.tsx

@@ -1,12 +1,12 @@
 "use client";
 
 // components
-import { NotificationsSidebar } from "@/plane-web/components/workspace-notifications";
+import { NotificationsSidebarRoot } from "@/plane-web/components/workspace-notifications";
 
 export default function ProjectInboxIssuesLayout({ children }: { children: React.ReactNode }) {
   return (
     <div className="relative w-full h-full overflow-hidden flex items-center">
-      <NotificationsSidebar />
+      <NotificationsSidebarRoot />
       <div className="w-full h-full overflow-hidden overflow-y-auto">{children}</div>
     </div>
   );

web/ce/components/workspace-notifications/root.tsx

@@ -21,7 +21,7 @@ import { getNumberCount } from "@/helpers/string.helper";
 // hooks
 import { useWorkspace, useWorkspaceNotifications } from "@/hooks/store";
 
-export const NotificationsSidebar: FC = observer(() => {
+export const NotificationsSidebarRoot: FC = observer(() => {
   const { workspaceSlug } = useParams();
   // hooks
   const { getWorkspaceBySlug } = useWorkspace();
@@ -65,7 +65,7 @@ export const NotificationsSidebar: FC = observer(() => {
             <div
               key={tab.value}
               className="h-full px-3 relative cursor-pointer"
-              onClick={()=>handleTabClick(tab.value)}
+              onClick={() => handleTabClick(tab.value)}
             >
               <div
                 className={cn(

web/core/components/workspace-notifications/sidebar/notification-card/options/snooze/modal.tsx

@@ -17,7 +17,7 @@ import { getDate } from "@/helpers/date-time.helper";
 type TNotificationSnoozeModal = {
   isOpen: boolean;
   onClose: () => void;
-  onSubmit: (dateTime?: Date | undefined) => Promise<TNotification | undefined>;
+  onSubmit: (dateTime?: Date | undefined) => Promise<void>;
 };
 
 type FormValues = {

web/core/components/workspace-notifications/sidebar/notification-card/options/snooze/root.tsx

@@ -34,25 +34,23 @@ export const NotificationItemSnoozeOption: FC<TNotificationItemSnoozeOption> = o
   const handleNotificationSnoozeDate = async (snoozeTill: Date | undefined) => {
     if (snoozeTill) {
       try {
-        const response = await snoozeNotification(workspaceSlug, snoozeTill);
+        await snoozeNotification(workspaceSlug, snoozeTill);
         setToast({
           title: "Success!",
           message: "Notification snoozed successfully",
           type: TOAST_TYPE.SUCCESS,
         });
-        return response;
       } catch (e) {
         console.error(e);
       }
     } else {
       try {
-        const response = await unSnoozeNotification(workspaceSlug);
+        await unSnoozeNotification(workspaceSlug);
         setToast({
           title: "Success!",
           message: "Notification un snoozed successfully",
           type: TOAST_TYPE.SUCCESS,
         });
-        return response;
       } catch (e) {
         console.error(e);
       }

web/core/store/notifications/workspace-notifications.store.ts

@@ -62,7 +62,7 @@ export interface IWorkspaceNotificationStore {
 
 export class WorkspaceNotificationStore implements IWorkspaceNotificationStore {
   // constants
-  paginatedCount = 30;
+  paginatedCount = 300;
   // observables
   loader: TNotificationLoader = undefined;
   unreadNotificationsCount: TUnreadNotificationsCount = {
@@ -84,7 +84,7 @@ export class WorkspaceNotificationStore implements IWorkspaceNotificationStore {
     read: false,
   };
 
-  constructor(private store: CoreRootStore) {
+  constructor(protected store: CoreRootStore) {
     makeObservable(this, {
       // observables
       loader: observable.ref,

web/ee/components/workspace-notifications/index.ts

@@ -0,0 +1 @@
+export * from "ce/components/workspace-notifications";