From 785058558ca168e9e1b612cc76d68e634017721b Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@gmail.com>
Date: Mon, 4 Oct 2021 22:13:46 +0100
Subject: [PATCH] added disabled email input box to settings, contact
 help@cal.com (#852)

---
 pages/settings/profile.tsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/pages/settings/profile.tsx b/pages/settings/profile.tsx
index b56cd7d4e4..478111d02b 100644
--- a/pages/settings/profile.tsx
+++ b/pages/settings/profile.tsx
@@ -199,6 +199,29 @@ export default function Settings(props: Props) {
                   </div>
                 </div>
 
+                <div className="block sm:flex">
+                  <div className="w-full sm:w-1/2 sm:mr-2 mb-6">
+                    <label htmlFor="email" className="block text-sm font-medium text-gray-700">
+                      Email
+                    </label>
+                    <input
+                      type="text"
+                      name="email"
+                      id="email"
+                      placeholder="Your email"
+                      disabled
+                      className="mt-1 block w-full py-2 px-3 text-gray-500 border  border-gray-300 rounded-l-sm bg-gray-50 sm:text-sm"
+                      defaultValue={props.user.email}
+                    />
+                    <p className="mt-2 text-sm text-gray-500" id="email-description">
+                      To change your email, please contact{" "}
+                      <a className="text-blue-500" href="mailto:help@cal.com">
+                        help@cal.com
+                      </a>
+                    </p>
+                  </div>
+                </div>
+
                 <div>
                   <label htmlFor="about" className="block text-sm font-medium text-gray-700">
                     About