From 925325769923b4ee306399566096d8eec995274e Mon Sep 17 00:00:00 2001
From: Joe Au-Yeung <65426560+joeauyeung@users.noreply.github.com>
Date: Thu, 15 Sep 2022 13:45:03 -0400
Subject: [PATCH] Hotfix - Add email field to profile settings (#4498)

* Add email field

* Add email hint

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
---
 .../pages/v2/settings/my-account/profile.tsx   | 18 ++++++++++++++++++
 apps/web/public/static/locales/en/common.json  |  3 ++-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/apps/web/pages/v2/settings/my-account/profile.tsx b/apps/web/pages/v2/settings/my-account/profile.tsx
index 3a74e528ea..0745b3e7e4 100644
--- a/apps/web/pages/v2/settings/my-account/profile.tsx
+++ b/apps/web/pages/v2/settings/my-account/profile.tsx
@@ -110,6 +110,7 @@ const ProfileView = () => {
       avatar: user?.avatar || "",
       username: user?.username || "",
       name: user?.name || "",
+      email: user?.email || "",
       bio: user?.bio || "",
     },
   });
@@ -191,6 +192,23 @@ const ProfileView = () => {
             </div>
           )}
         />
+        <Controller
+          control={formMethods.control}
+          name="email"
+          render={({ field: { value } }) => (
+            <div className="mt-8">
+              <TextField
+                name="email"
+                label={t("email")}
+                value={value}
+                hint={t("change_email_hint")}
+                onChange={(e) => {
+                  formMethods.setValue("email", e?.target.value);
+                }}
+              />
+            </div>
+          )}
+        />
         <Controller
           control={formMethods.control}
           name="bio"
diff --git a/apps/web/public/static/locales/en/common.json b/apps/web/public/static/locales/en/common.json
index 1cdbe0cd7e..18eb9ecbfc 100644
--- a/apps/web/public/static/locales/en/common.json
+++ b/apps/web/public/static/locales/en/common.json
@@ -1246,5 +1246,6 @@
   "not_on_cal": "Not on Cal.com",
   "no_calendar_installed": "No calendar installed",
   "no_calendar_installed_description": "You have not yet connected any of your calendars",
-  "add_a_calendar": "Add a calendar"
+  "add_a_calendar": "Add a calendar",
+  "change_email_hint": "You may need to log out and back in to see any change take effect"
 }