base

plane-src/apps/web/app/(all)/accounts/set-password/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 SetPasswordLayout() {
+  return <Outlet />;
+}
+
+export const meta: Route.MetaFunction = () => [{ title: "Set Password - NODE.DC" }];

plane-src/apps/web/app/(all)/accounts/set-password/page.tsx

@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+// plane imports
+import { EAuthModes } from "@plane/constants";
+// components
+import { ResetPasswordForm } from "@/components/account/auth-forms/reset-password";
+import { AuthHeader } from "@/components/auth-screens/header";
+// helpers
+import { EPageTypes } from "@/helpers/authentication.helper";
+// layouts
+import DefaultLayout from "@/layouts/default-layout";
+import { AuthenticationWrapper } from "@/lib/wrappers/authentication-wrapper";
+
+function SetPasswordPage() {
+  return (
+    <DefaultLayout>
+      <AuthenticationWrapper pageType={EPageTypes.SET_PASSWORD}>
+        <div className="relative z-10 flex h-screen w-screen flex-col items-center overflow-hidden overflow-y-auto px-8 pt-6 pb-10">
+          <AuthHeader type={EAuthModes.SIGN_IN} />
+          <ResetPasswordForm />
+        </div>
+      </AuthenticationWrapper>
+    </DefaultLayout>
+  );
+}
+
+export default SetPasswordPage;