Initial commit: Plane

Synced from upstream: 8853637e981ed7d8a6cff32bd98e7afe20f54362

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

@@ -0,0 +1,16 @@
+"use client";
+
+import { Outlet } from "react-router";
+// components
+import { NotificationsSidebarRoot } from "@/components/workspace-notifications/sidebar";
+
+export default function ProjectInboxIssuesLayout() {
+  return (
+    <div className="relative w-full h-full overflow-hidden flex items-center">
+      <NotificationsSidebarRoot />
+      <div className="w-full h-full overflow-hidden overflow-y-auto">
+        <Outlet />
+      </div>
+    </div>
+  );
+}

apps/web/app/(all)/[workspaceSlug]/(projects)/notifications/page.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import { observer } from "mobx-react";
+// plane imports
+import { useTranslation } from "@plane/i18n";
+// components
+import { PageHead } from "@/components/core/page-title";
+import { NotificationsRoot } from "@/components/workspace-notifications";
+// hooks
+import { useWorkspace } from "@/hooks/store/use-workspace";
+import type { Route } from "./+types/page";
+
+function WorkspaceDashboardPage({ params }: Route.ComponentProps) {
+  const { workspaceSlug } = params;
+  // plane hooks
+  const { t } = useTranslation();
+  // hooks
+  const { currentWorkspace } = useWorkspace();
+  // derived values
+  const pageTitle = currentWorkspace?.name
+    ? t("notification.page_label", { workspace: currentWorkspace?.name })
+    : undefined;
+
+  return (
+    <>
+      <PageHead title={pageTitle} />
+      <NotificationsRoot workspaceSlug={workspaceSlug} />
+    </>
+  );
+}
+
+export default observer(WorkspaceDashboardPage);