From 5f14cd31d1e646fda36a22c79c8637612fcd2e43 Mon Sep 17 00:00:00 2001
From: Benny Joo <sldisek783@gmail.com>
Date: Thu, 11 Jan 2024 12:22:44 +0000
Subject: [PATCH] chore: [app-router-migration 19] Migrate
 `/settings/my-account/*` pages (#13045)

* intuita codemod: app-directory-boilerplate-codemod

* manual: move to (settings-layout) route group

* manual: add title/description metadata

* manual: Change structure & Refactor to make code up to date
---
 .../future/settings/my-account/appearance/layout.tsx   |  5 +++++
 .../app/future/settings/my-account/appearance/page.tsx | 10 ++++++++++
 .../future/settings/my-account/calendars/layout.tsx    |  5 +++++
 .../app/future/settings/my-account/calendars/page.tsx  | 10 ++++++++++
 .../future/settings/my-account/conferencing/layout.tsx |  5 +++++
 .../future/settings/my-account/conferencing/page.tsx   | 10 ++++++++++
 .../app/future/settings/my-account/general/layout.tsx  |  5 +++++
 .../app/future/settings/my-account/general/page.tsx    | 10 ++++++++++
 .../app/future/settings/my-account/profile/layout.tsx  |  5 +++++
 .../app/future/settings/my-account/profile/page.tsx    | 10 ++++++++++
 apps/web/pages/settings/my-account/appearance.tsx      |  2 ++
 apps/web/pages/settings/my-account/calendars.tsx       |  2 ++
 apps/web/pages/settings/my-account/conferencing.tsx    |  2 ++
 apps/web/pages/settings/my-account/general.tsx         |  2 ++
 apps/web/pages/settings/my-account/profile.tsx         |  2 ++
 15 files changed, 85 insertions(+)
 create mode 100644 apps/web/app/future/settings/my-account/appearance/layout.tsx
 create mode 100644 apps/web/app/future/settings/my-account/appearance/page.tsx
 create mode 100644 apps/web/app/future/settings/my-account/calendars/layout.tsx
 create mode 100644 apps/web/app/future/settings/my-account/calendars/page.tsx
 create mode 100644 apps/web/app/future/settings/my-account/conferencing/layout.tsx
 create mode 100644 apps/web/app/future/settings/my-account/conferencing/page.tsx
 create mode 100644 apps/web/app/future/settings/my-account/general/layout.tsx
 create mode 100644 apps/web/app/future/settings/my-account/general/page.tsx
 create mode 100644 apps/web/app/future/settings/my-account/profile/layout.tsx
 create mode 100644 apps/web/app/future/settings/my-account/profile/page.tsx

diff --git a/apps/web/app/future/settings/my-account/appearance/layout.tsx b/apps/web/app/future/settings/my-account/appearance/layout.tsx
new file mode 100644
index 0000000000..230bfea4d1
--- /dev/null
+++ b/apps/web/app/future/settings/my-account/appearance/layout.tsx
@@ -0,0 +1,5 @@
+import { WithLayout } from "app/layoutHOC";
+
+import { getLayout } from "@calcom/features/settings/layouts/SettingsLayoutAppDir";
+
+export default WithLayout({ getLayout });
diff --git a/apps/web/app/future/settings/my-account/appearance/page.tsx b/apps/web/app/future/settings/my-account/appearance/page.tsx
new file mode 100644
index 0000000000..73def1169e
--- /dev/null
+++ b/apps/web/app/future/settings/my-account/appearance/page.tsx
@@ -0,0 +1,10 @@
+import Page from "@pages/settings/my-account/appearance";
+import { _generateMetadata } from "app/_utils";
+
+export const generateMetadata = async () =>
+  await _generateMetadata(
+    (t) => t("appearance"),
+    (t) => t("appearance_description")
+  );
+
+export default Page;
diff --git a/apps/web/app/future/settings/my-account/calendars/layout.tsx b/apps/web/app/future/settings/my-account/calendars/layout.tsx
new file mode 100644
index 0000000000..230bfea4d1
--- /dev/null
+++ b/apps/web/app/future/settings/my-account/calendars/layout.tsx
@@ -0,0 +1,5 @@
+import { WithLayout } from "app/layoutHOC";
+
+import { getLayout } from "@calcom/features/settings/layouts/SettingsLayoutAppDir";
+
+export default WithLayout({ getLayout });
diff --git a/apps/web/app/future/settings/my-account/calendars/page.tsx b/apps/web/app/future/settings/my-account/calendars/page.tsx
new file mode 100644
index 0000000000..b44eeadcbe
--- /dev/null
+++ b/apps/web/app/future/settings/my-account/calendars/page.tsx
@@ -0,0 +1,10 @@
+import Page from "@pages/settings/my-account/calendars";
+import { _generateMetadata } from "app/_utils";
+
+export const generateMetadata = async () =>
+  await _generateMetadata(
+    (t) => t("calendars"),
+    (t) => t("calendars_description")
+  );
+
+export default Page;
diff --git a/apps/web/app/future/settings/my-account/conferencing/layout.tsx b/apps/web/app/future/settings/my-account/conferencing/layout.tsx
new file mode 100644
index 0000000000..230bfea4d1
--- /dev/null
+++ b/apps/web/app/future/settings/my-account/conferencing/layout.tsx
@@ -0,0 +1,5 @@
+import { WithLayout } from "app/layoutHOC";
+
+import { getLayout } from "@calcom/features/settings/layouts/SettingsLayoutAppDir";
+
+export default WithLayout({ getLayout });
diff --git a/apps/web/app/future/settings/my-account/conferencing/page.tsx b/apps/web/app/future/settings/my-account/conferencing/page.tsx
new file mode 100644
index 0000000000..ce3edb408d
--- /dev/null
+++ b/apps/web/app/future/settings/my-account/conferencing/page.tsx
@@ -0,0 +1,10 @@
+import Page from "@pages/settings/my-account/conferencing";
+import { _generateMetadata } from "app/_utils";
+
+export const generateMetadata = async () =>
+  await _generateMetadata(
+    (t) => t("conferencing"),
+    (t) => t("conferencing_description")
+  );
+
+export default Page;
diff --git a/apps/web/app/future/settings/my-account/general/layout.tsx b/apps/web/app/future/settings/my-account/general/layout.tsx
new file mode 100644
index 0000000000..230bfea4d1
--- /dev/null
+++ b/apps/web/app/future/settings/my-account/general/layout.tsx
@@ -0,0 +1,5 @@
+import { WithLayout } from "app/layoutHOC";
+
+import { getLayout } from "@calcom/features/settings/layouts/SettingsLayoutAppDir";
+
+export default WithLayout({ getLayout });
diff --git a/apps/web/app/future/settings/my-account/general/page.tsx b/apps/web/app/future/settings/my-account/general/page.tsx
new file mode 100644
index 0000000000..a768e8f608
--- /dev/null
+++ b/apps/web/app/future/settings/my-account/general/page.tsx
@@ -0,0 +1,10 @@
+import Page from "@pages/settings/my-account/general";
+import { _generateMetadata } from "app/_utils";
+
+export const generateMetadata = async () =>
+  await _generateMetadata(
+    (t) => t("general"),
+    (t) => t("general_description")
+  );
+
+export default Page;
diff --git a/apps/web/app/future/settings/my-account/profile/layout.tsx b/apps/web/app/future/settings/my-account/profile/layout.tsx
new file mode 100644
index 0000000000..230bfea4d1
--- /dev/null
+++ b/apps/web/app/future/settings/my-account/profile/layout.tsx
@@ -0,0 +1,5 @@
+import { WithLayout } from "app/layoutHOC";
+
+import { getLayout } from "@calcom/features/settings/layouts/SettingsLayoutAppDir";
+
+export default WithLayout({ getLayout });
diff --git a/apps/web/app/future/settings/my-account/profile/page.tsx b/apps/web/app/future/settings/my-account/profile/page.tsx
new file mode 100644
index 0000000000..2d850a0df6
--- /dev/null
+++ b/apps/web/app/future/settings/my-account/profile/page.tsx
@@ -0,0 +1,10 @@
+import Page from "@pages/settings/my-account/profile";
+import { _generateMetadata } from "app/_utils";
+
+export const generateMetadata = async () =>
+  await _generateMetadata(
+    (t) => t("profile"),
+    (t) => t("profile_description")
+  );
+
+export default Page;
diff --git a/apps/web/pages/settings/my-account/appearance.tsx b/apps/web/pages/settings/my-account/appearance.tsx
index a8b479974a..067da81c5b 100644
--- a/apps/web/pages/settings/my-account/appearance.tsx
+++ b/apps/web/pages/settings/my-account/appearance.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import type { z } from "zod";
diff --git a/apps/web/pages/settings/my-account/calendars.tsx b/apps/web/pages/settings/my-account/calendars.tsx
index 522d7fc4ec..4d38f4dca1 100644
--- a/apps/web/pages/settings/my-account/calendars.tsx
+++ b/apps/web/pages/settings/my-account/calendars.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { Fragment } from "react";
 
 import { getLayout } from "@calcom/features/settings/layouts/SettingsLayout";
diff --git a/apps/web/pages/settings/my-account/conferencing.tsx b/apps/web/pages/settings/my-account/conferencing.tsx
index 58691f1643..2f1b273d02 100644
--- a/apps/web/pages/settings/my-account/conferencing.tsx
+++ b/apps/web/pages/settings/my-account/conferencing.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { useReducer } from "react";
 
 import DisconnectIntegrationModal from "@calcom/features/apps/components/DisconnectIntegrationModal";
diff --git a/apps/web/pages/settings/my-account/general.tsx b/apps/web/pages/settings/my-account/general.tsx
index 330e155c7f..b1e5bca542 100644
--- a/apps/web/pages/settings/my-account/general.tsx
+++ b/apps/web/pages/settings/my-account/general.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { useSession } from "next-auth/react";
 import { useState } from "react";
 import { Controller, useForm } from "react-hook-form";
diff --git a/apps/web/pages/settings/my-account/profile.tsx b/apps/web/pages/settings/my-account/profile.tsx
index f224d3adf6..8a67dad45e 100644
--- a/apps/web/pages/settings/my-account/profile.tsx
+++ b/apps/web/pages/settings/my-account/profile.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { zodResolver } from "@hookform/resolvers/zod";
 import { signOut, useSession } from "next-auth/react";
 import type { BaseSyntheticEvent } from "react";