From 19a104374d7188861e0eed5abcd72a75811f6863 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Sun, 26 May 2024 19:48:12 +0530
Subject: [PATCH] Refactor

---
 web/apps/auth/src/pages/change-email.tsx       | 12 ++++--------
 web/apps/auth/src/pages/change-password.tsx    | 12 ++++--------
 web/apps/auth/src/pages/credentials.tsx        | 12 ++++--------
 web/apps/auth/src/pages/generate.tsx           | 12 ++++--------
 web/apps/auth/src/pages/login.tsx              | 12 ++++--------
 web/apps/auth/src/pages/recover.tsx            | 12 ++++--------
 web/apps/auth/src/pages/signup.tsx             | 12 ++++--------
 web/apps/auth/src/pages/two-factor/recover.tsx | 12 ++++--------
 web/apps/auth/src/pages/two-factor/setup.tsx   | 12 ++++--------
 web/apps/auth/src/pages/two-factor/verify.tsx  | 10 +++-------
 web/apps/auth/src/pages/verify.tsx             | 12 ++++--------
 11 files changed, 43 insertions(+), 87 deletions(-)

diff --git a/web/apps/auth/src/pages/change-email.tsx b/web/apps/auth/src/pages/change-email.tsx
index bcde88a05..451c5ebfe 100644
--- a/web/apps/auth/src/pages/change-email.tsx
+++ b/web/apps/auth/src/pages/change-email.tsx
@@ -1,12 +1,8 @@
 import { ensure } from "@/utils/ensure";
-import ChangeEmailPage from "@ente/accounts/pages/change-email";
-import { APPS } from "@ente/shared/apps/constants";
-import { AppContext } from "pages/_app";
-import React, { useContext } from "react";
+import Page_ from "@ente/accounts/pages/change-email";
+import { useContext } from "react";
+import { AppContext } from "./_app";
 
-const Page: React.FC = () => {
-    const appContext = ensure(useContext(AppContext));
-    return <ChangeEmailPage appContext={appContext} appName={APPS.AUTH} />;
-};
+const Page = () => <Page_ appContext={ensure(useContext(AppContext))} />;
 
 export default Page;
diff --git a/web/apps/auth/src/pages/change-password.tsx b/web/apps/auth/src/pages/change-password.tsx
index cc0bfe472..ba8e1ac3d 100644
--- a/web/apps/auth/src/pages/change-password.tsx
+++ b/web/apps/auth/src/pages/change-password.tsx
@@ -1,12 +1,8 @@
 import { ensure } from "@/utils/ensure";
-import ChangePasswordPage from "@ente/accounts/pages/change-password";
-import { APPS } from "@ente/shared/apps/constants";
-import { AppContext } from "pages/_app";
-import React, { useContext } from "react";
+import Page_ from "@ente/accounts/pages/change-password";
+import { useContext } from "react";
+import { AppContext } from "./_app";
 
-const Page: React.FC = () => {
-    const appContext = ensure(useContext(AppContext));
-    return <ChangePasswordPage appContext={appContext} appName={APPS.AUTH} />;
-};
+const Page = () => <Page_ appContext={ensure(useContext(AppContext))} />;
 
 export default Page;
diff --git a/web/apps/auth/src/pages/credentials.tsx b/web/apps/auth/src/pages/credentials.tsx
index 5e19957a3..7d21b33ac 100644
--- a/web/apps/auth/src/pages/credentials.tsx
+++ b/web/apps/auth/src/pages/credentials.tsx
@@ -1,12 +1,8 @@
 import { ensure } from "@/utils/ensure";
-import CredentialPage from "@ente/accounts/pages/credentials";
-import { APPS } from "@ente/shared/apps/constants";
-import { AppContext } from "pages/_app";
-import React, { useContext } from "react";
+import Page_ from "@ente/accounts/pages/credentials";
+import { useContext } from "react";
+import { AppContext } from "./_app";
 
-const Page: React.FC = () => {
-    const appContext = ensure(useContext(AppContext));
-    return <CredentialPage appContext={appContext} appName={APPS.AUTH} />;
-};
+const Page = () => <Page_ appContext={ensure(useContext(AppContext))} />;
 
 export default Page;
diff --git a/web/apps/auth/src/pages/generate.tsx b/web/apps/auth/src/pages/generate.tsx
index 4edfa25a2..718172d49 100644
--- a/web/apps/auth/src/pages/generate.tsx
+++ b/web/apps/auth/src/pages/generate.tsx
@@ -1,12 +1,8 @@
 import { ensure } from "@/utils/ensure";
-import GeneratePage from "@ente/accounts/pages/generate";
-import { APPS } from "@ente/shared/apps/constants";
-import { AppContext } from "pages/_app";
-import React, { useContext } from "react";
+import Page_ from "@ente/accounts/pages/generate";
+import { useContext } from "react";
+import { AppContext } from "./_app";
 
-const Page: React.FC = () => {
-    const appContext = ensure(useContext(AppContext));
-    return <GeneratePage appContext={appContext} appName={APPS.AUTH} />;
-};
+const Page = () => <Page_ appContext={ensure(useContext(AppContext))} />;
 
 export default Page;
diff --git a/web/apps/auth/src/pages/login.tsx b/web/apps/auth/src/pages/login.tsx
index 3f87f8247..b40b9f914 100644
--- a/web/apps/auth/src/pages/login.tsx
+++ b/web/apps/auth/src/pages/login.tsx
@@ -1,12 +1,8 @@
 import { ensure } from "@/utils/ensure";
-import LoginPage from "@ente/accounts/pages/login";
-import { APPS } from "@ente/shared/apps/constants";
-import { AppContext } from "pages/_app";
-import React, { useContext } from "react";
+import Page_ from "@ente/accounts/pages/login";
+import { useContext } from "react";
+import { AppContext } from "./_app";
 
-const Page: React.FC = () => {
-    const appContext = ensure(useContext(AppContext));
-    return <LoginPage appContext={appContext} appName={APPS.AUTH} />;
-};
+const Page = () => <Page_ appContext={ensure(useContext(AppContext))} />;
 
 export default Page;
diff --git a/web/apps/auth/src/pages/recover.tsx b/web/apps/auth/src/pages/recover.tsx
index 8081bd545..cc6d8da82 100644
--- a/web/apps/auth/src/pages/recover.tsx
+++ b/web/apps/auth/src/pages/recover.tsx
@@ -1,12 +1,8 @@
 import { ensure } from "@/utils/ensure";
-import RecoverPage from "@ente/accounts/pages/recover";
-import { APPS } from "@ente/shared/apps/constants";
-import { AppContext } from "pages/_app";
-import React, { useContext } from "react";
+import Page_ from "@ente/accounts/pages/recover";
+import { useContext } from "react";
+import { AppContext } from "./_app";
 
-const Page: React.FC = () => {
-    const appContext = ensure(useContext(AppContext));
-    return <RecoverPage appContext={appContext} appName={APPS.AUTH} />;
-};
+const Page = () => <Page_ appContext={ensure(useContext(AppContext))} />;
 
 export default Page;
diff --git a/web/apps/auth/src/pages/signup.tsx b/web/apps/auth/src/pages/signup.tsx
index 1fcdeb832..8cc5202a8 100644
--- a/web/apps/auth/src/pages/signup.tsx
+++ b/web/apps/auth/src/pages/signup.tsx
@@ -1,12 +1,8 @@
 import { ensure } from "@/utils/ensure";
-import SignupPage from "@ente/accounts/pages/signup";
-import { APPS } from "@ente/shared/apps/constants";
-import { AppContext } from "pages/_app";
-import React, { useContext } from "react";
+import Page_ from "@ente/accounts/pages/signup";
+import { useContext } from "react";
+import { AppContext } from "./_app";
 
-const Page: React.FC = () => {
-    const appContext = ensure(useContext(AppContext));
-    return <SignupPage appContext={appContext} appName={APPS.AUTH} />;
-};
+const Page = () => <Page_ appContext={ensure(useContext(AppContext))} />;
 
 export default Page;
diff --git a/web/apps/auth/src/pages/two-factor/recover.tsx b/web/apps/auth/src/pages/two-factor/recover.tsx
index 1561922c4..aa9c6faf9 100644
--- a/web/apps/auth/src/pages/two-factor/recover.tsx
+++ b/web/apps/auth/src/pages/two-factor/recover.tsx
@@ -1,12 +1,8 @@
 import { ensure } from "@/utils/ensure";
-import TwoFactorRecoverPage from "@ente/accounts/pages/two-factor/recover";
-import { APPS } from "@ente/shared/apps/constants";
-import { AppContext } from "pages/_app";
-import React, { useContext } from "react";
+import Page_ from "@ente/accounts/pages/two-factor/recover";
+import { useContext } from "react";
+import { AppContext } from "../_app";
 
-const Page: React.FC = () => {
-    const appContext = ensure(useContext(AppContext));
-    return <TwoFactorRecoverPage appContext={appContext} appName={APPS.AUTH} />;
-};
+const Page = () => <Page_ appContext={ensure(useContext(AppContext))} />;
 
 export default Page;
diff --git a/web/apps/auth/src/pages/two-factor/setup.tsx b/web/apps/auth/src/pages/two-factor/setup.tsx
index 5ef376776..35a24149f 100644
--- a/web/apps/auth/src/pages/two-factor/setup.tsx
+++ b/web/apps/auth/src/pages/two-factor/setup.tsx
@@ -1,12 +1,8 @@
 import { ensure } from "@/utils/ensure";
-import TwoFactorSetupPage from "@ente/accounts/pages/two-factor/setup";
-import { APPS } from "@ente/shared/apps/constants";
-import { AppContext } from "pages/_app";
-import React, { useContext } from "react";
+import Page_ from "@ente/accounts/pages/two-factor/setup";
+import { useContext } from "react";
+import { AppContext } from "../_app";
 
-const Page: React.FC = () => {
-    const appContext = ensure(useContext(AppContext));
-    return <TwoFactorSetupPage appContext={appContext} appName={APPS.AUTH} />;
-};
+const Page = () => <Page_ appContext={ensure(useContext(AppContext))} />;
 
 export default Page;
diff --git a/web/apps/auth/src/pages/two-factor/verify.tsx b/web/apps/auth/src/pages/two-factor/verify.tsx
index 5ffd007a3..3f4ed7e39 100644
--- a/web/apps/auth/src/pages/two-factor/verify.tsx
+++ b/web/apps/auth/src/pages/two-factor/verify.tsx
@@ -1,12 +1,8 @@
 import { ensure } from "@/utils/ensure";
-import TwoFactorVerifyPage from "@ente/accounts/pages/two-factor/verify";
-import { APPS } from "@ente/shared/apps/constants";
-import React, { useContext } from "react";
+import Page_ from "@ente/accounts/pages/two-factor/verify";
+import { useContext } from "react";
 import { AppContext } from "../_app";
 
-const Page: React.FC = () => {
-    const appContext = ensure(useContext(AppContext));
-    return <TwoFactorVerifyPage appContext={appContext} appName={APPS.AUTH} />;
-};
+const Page = () => <Page_ appContext={ensure(useContext(AppContext))} />;
 
 export default Page;
diff --git a/web/apps/auth/src/pages/verify.tsx b/web/apps/auth/src/pages/verify.tsx
index 573ee79d1..5fb2ed10d 100644
--- a/web/apps/auth/src/pages/verify.tsx
+++ b/web/apps/auth/src/pages/verify.tsx
@@ -1,12 +1,8 @@
 import { ensure } from "@/utils/ensure";
-import VerifyPage from "@ente/accounts/pages/verify";
-import { APPS } from "@ente/shared/apps/constants";
-import { AppContext } from "pages/_app";
-import React, { useContext } from "react";
+import Page_ from "@ente/accounts/pages/verify";
+import { useContext } from "react";
+import { AppContext } from "./_app";
 
-const Page: React.FC = () => {
-    const appContext = ensure(useContext(AppContext));
-    return <VerifyPage appContext={appContext} appName={APPS.AUTH} />;
-};
+const Page = () => <Page_ appContext={ensure(useContext(AppContext))} />;
 
 export default Page;