UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: модальное окно уведомлений workspace

plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/project-shell-top-toolbar.tsx

@@ -36,6 +36,7 @@ import {
 import { SidebarProjectsListItem } from "@/components/workspace/sidebar/projects-list-item";
 import { UserMenuRoot } from "@/components/workspace/sidebar/user-menu-root";
 import { WorkspaceMenuRoot } from "@/components/workspace/sidebar/workspace-menu-root";
+import { openWorkspaceNotificationsModal } from "@/components/workspace-notifications/notifications-modal.utils";
 import { getSidebarNavigationItemIcon } from "@/plane-web/components/workspace/sidebar/helper";
 
 type TToolbarItem = {
@@ -264,19 +265,20 @@ export const ProjectShellTopToolbar = observer(function ProjectShellTopToolbar()
             <TopNavPowerK variant="sidebar" />
             <UserMenuRoot variant="toolbar" />
             <Tooltip tooltipContent={t("notification.label")} position="bottom">
-              <Link
-                href={`/${workspaceSlug?.toString()}/notifications/`}
+              <button
+                type="button"
                 className="nodedc-toolbar-icon-button relative flex h-8 w-8 items-center justify-center"
-                data-active={pathname.includes("/notifications/")}
+                data-active={false}
                 aria-label={t("notification.label")}
+                onClick={() => openWorkspaceNotificationsModal()}
               >
                 <span className="nodedc-toolbar-icon-active-dot">
                   <InboxIcon className="size-4" />
                 </span>
                 {totalNotifications > 0 && (
-                  <span className="absolute top-1.5 right-1.5 size-2 rounded-full bg-danger-primary" />
-                )}
-              </Link>
+                    <span className="absolute top-1.5 right-1.5 size-2 rounded-full bg-danger-primary" />
+                  )}
+              </button>
             </Tooltip>
             <ToolbarIconButton
               label={t("app_header.add_task")}

plane-src/apps/web/app/(all)/[workspaceSlug]/layout.tsx

@@ -11,6 +11,7 @@ import { AppRailVisibilityProvider } from "@/plane-web/hooks/app-rail";
 import { GlobalModals } from "@/plane-web/components/common/modal/global";
 import { WorkspaceAuthWrapper } from "@/layouts/auth-layout/workspace-wrapper";
 import { WorkspaceSettingsModal } from "@/components/workspace/settings/workspace-settings-modal";
+import { WorkspaceNotificationsModal } from "@/components/workspace-notifications/notifications-modal";
 import type { Route } from "./+types/layout";
 
 export default function WorkspaceLayout(props: Route.ComponentProps) {
@@ -23,6 +24,7 @@ export default function WorkspaceLayout(props: Route.ComponentProps) {
           <WorkspaceContentWrapper workspaceSlug={workspaceSlug}>
             <GlobalModals workspaceSlug={workspaceSlug} />
             <WorkspaceSettingsModal />
+            <WorkspaceNotificationsModal />
             <Outlet />
           </WorkspaceContentWrapper>
         </AppRailVisibilityProvider>