Initial commit: Plane

Synced from upstream: 8853637e981ed7d8a6cff32bd98e7afe20f54362

apps/web/app/(all)/accounts/forgot-password/layout.tsx

@@ -0,0 +1,8 @@
+import { Outlet } from "react-router";
+import type { Route } from "./+types/layout";
+
+export default function ForgotPasswordLayout() {
+  return <Outlet />;
+}
+
+export const meta: Route.MetaFunction = () => [{ title: "Forgot Password - Plane" }];

apps/web/app/(all)/accounts/forgot-password/page.tsx

@@ -0,0 +1,26 @@
+"use client";
+
+import { observer } from "mobx-react";
+// components
+import { ForgotPasswordForm } from "@/components/account/auth-forms/forgot-password";
+import { AuthHeader } from "@/components/auth-screens/header";
+// helpers
+import { EAuthModes, EPageTypes } from "@/helpers/authentication.helper";
+// layouts
+import DefaultLayout from "@/layouts/default-layout";
+import { AuthenticationWrapper } from "@/lib/wrappers/authentication-wrapper";
+
+function ForgotPasswordPage() {
+  return (
+    <DefaultLayout>
+      <AuthenticationWrapper pageType={EPageTypes.NON_AUTHENTICATED}>
+        <div className="relative z-10 flex flex-col items-center w-screen h-screen overflow-hidden overflow-y-auto pt-6 pb-10 px-8">
+          <AuthHeader type={EAuthModes.SIGN_IN} />
+          <ForgotPasswordForm />
+        </div>
+      </AuthenticationWrapper>
+    </DefaultLayout>
+  );
+}
+
+export default observer(ForgotPasswordPage);

apps/web/app/(all)/accounts/reset-password/layout.tsx

@@ -0,0 +1,8 @@
+import { Outlet } from "react-router";
+import type { Route } from "./+types/layout";
+
+export default function ResetPasswordLayout() {
+  return <Outlet />;
+}
+
+export const meta: Route.MetaFunction = () => [{ title: "Reset Password - Plane" }];

apps/web/app/(all)/accounts/reset-password/page.tsx

@@ -0,0 +1,25 @@
+"use client";
+
+// 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";
+
+const ResetPasswordPage = () => (
+  <DefaultLayout>
+    <AuthenticationWrapper pageType={EPageTypes.NON_AUTHENTICATED}>
+      <div className="relative z-10 flex flex-col items-center w-screen h-screen overflow-hidden overflow-y-auto pt-6 pb-10 px-8">
+        <AuthHeader type={EAuthModes.SIGN_IN} />
+        <ResetPasswordForm />
+      </div>
+    </AuthenticationWrapper>
+  </DefaultLayout>
+);
+
+export default ResetPasswordPage;

apps/web/app/(all)/accounts/set-password/layout.tsx

@@ -0,0 +1,8 @@
+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 - Plane" }];

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

@@ -0,0 +1,25 @@
+"use client";
+
+// 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";
+
+const SetPasswordPage = () => (
+  <DefaultLayout>
+    <AuthenticationWrapper pageType={EPageTypes.SET_PASSWORD}>
+      <div className="relative z-10 flex flex-col items-center w-screen h-screen overflow-hidden overflow-y-auto pt-6 pb-10 px-8">
+        <AuthHeader type={EAuthModes.SIGN_IN} />
+        <ResetPasswordForm />
+      </div>
+    </AuthenticationWrapper>
+  </DefaultLayout>
+);
+
+export default SetPasswordPage;