snapshot of https://github.com/makeplane/plane.git @ d868349a55de79979eb8b98701bf1702c67ad634 (2026-09-15)

apps/web/app/(all)/workspace-invitations/layout.tsx

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+import { Outlet } from "react-router";
+import type { Route } from "./+types/layout";
+
+export default function WorkspaceInvitationsLayout() {
+  return <Outlet />;
+}
+
+export const meta: Route.MetaFunction = () => [{ title: "Workspace Invitations" }];

apps/web/app/(all)/workspace-invitations/page.tsx

@@ -0,0 +1,138 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+import { observer } from "mobx-react";
+import { useSearchParams } from "next/navigation";
+import useSWR from "swr";
+import {
+  BoxesOutline,
+  CloseOutline,
+  ShareAltOutline,
+  StarOutline,
+  TickOutline,
+  UserOutline,
+} from "@makeplane/propel/icons";
+// components
+import { LogoSpinner } from "@/components/common/logo-spinner";
+import { EmptySpace, EmptySpaceItem } from "@/components/ui/empty-space";
+// constants
+import { WORKSPACE_INVITATION } from "@plane/constants";
+// helpers
+import { EPageTypes } from "@/helpers/authentication.helper";
+// hooks
+import { useUser } from "@/hooks/store/user";
+import { useAppRouter } from "@/hooks/use-app-router";
+// wrappers
+import { AuthenticationWrapper } from "@/lib/wrappers/authentication-wrapper";
+import { WorkspaceService } from "@/services/workspace.service";
+// services
+
+// service initialization
+const workspaceService = new WorkspaceService();
+
+function WorkspaceInvitationPage() {
+  // router
+  const router = useAppRouter();
+  // query params
+  const searchParams = useSearchParams();
+  const invitation_id = searchParams.get("invitation_id");
+  const slug = searchParams.get("slug");
+  const token = searchParams.get("token");
+  // store hooks
+  const { data: currentUser } = useUser();
+
+  const { data: invitationDetail, error } = useSWR(
+    invitation_id && slug && WORKSPACE_INVITATION(invitation_id.toString()),
+    invitation_id && slug
+      ? () => workspaceService.getWorkspaceInvitation(slug.toString(), invitation_id.toString())
+      : null
+  );
+
+  const handleAccept = () => {
+    if (!invitationDetail) return;
+    workspaceService
+      .joinWorkspace(invitationDetail.workspace.slug, invitationDetail.id, {
+        accepted: true,
+        token: token,
+      })
+      .then(() => {
+        if (invitationDetail.email === currentUser?.email) {
+          router.push(`/${invitationDetail.workspace.slug}`);
+        } else {
+          router.push("/");
+        }
+      })
+      .catch((err: unknown) => console.error(err));
+  };
+
+  const handleReject = () => {
+    if (!invitationDetail || !token) return;
+    void workspaceService
+      .joinWorkspace(invitationDetail.workspace.slug, invitationDetail.id, {
+        accepted: false,
+        token: token,
+      })
+      .then(() => {
+        router.push("/");
+      })
+      .catch((err: unknown) => console.error(err));
+  };
+
+  return (
+    <AuthenticationWrapper pageType={EPageTypes.PUBLIC}>
+      <div className="flex h-full w-full flex-col items-center justify-center px-3">
+        {invitationDetail && !invitationDetail.responded_at ? (
+          error ? (
+            <div className="shadow-2xl flex w-full flex-col space-y-4 rounded-sm border border-subtle bg-surface-1 px-4 py-8 text-center md:w-1/3">
+              <h2 className="text-18 uppercase">INVITATION NOT FOUND</h2>
+            </div>
+          ) : (
+            <EmptySpace
+              title={`You have been invited to ${invitationDetail.workspace.name}`}
+              description="Your workspace is where you'll create projects, collaborate on your work items, and organize different streams of work in your Plane account."
+            >
+              <EmptySpaceItem Icon={TickOutline} title="Accept" action={handleAccept} />
+              <EmptySpaceItem Icon={CloseOutline} title="Ignore" action={handleReject} />
+            </EmptySpace>
+          )
+        ) : error || invitationDetail?.responded_at ? (
+          invitationDetail?.accepted ? (
+            <EmptySpace
+              title={`You are already a member of ${invitationDetail.workspace.name}`}
+              description="Your workspace is where you'll create projects, collaborate on your work items, and organize different streams of work in your Plane account."
+            >
+              <EmptySpaceItem Icon={BoxesOutline} title="Continue to home" href="/" />
+            </EmptySpace>
+          ) : (
+            <EmptySpace
+              title="This invitation link is not active anymore."
+              description="Your workspace is where you'll create projects, collaborate on your work items, and organize different streams of work in your Plane account."
+              link={{ text: "Or start from an empty project", href: "/" }}
+            >
+              {!currentUser ? (
+                <EmptySpaceItem Icon={UserOutline} title="Sign in to continue" href="/" />
+              ) : (
+                <EmptySpaceItem Icon={BoxesOutline} title="Continue to home" href="/" />
+              )}
+              <EmptySpaceItem Icon={StarOutline} title="Star us on GitHub" href="https://github.com/makeplane" />
+              <EmptySpaceItem
+                Icon={ShareAltOutline}
+                title="Join our community of active creators"
+                href="https://forum.plane.so"
+              />
+            </EmptySpace>
+          )
+        ) : (
+          <div className="flex h-full w-full items-center justify-center">
+            <LogoSpinner />
+          </div>
+        )}
+      </div>
+    </AuthenticationWrapper>
+  );
+}
+
+export default observer(WorkspaceInvitationPage);