From b22f20b6fa5f68398850ccbf9b6e1cc233b3c8f4 Mon Sep 17 00:00:00 2001
From: Nicolai Van der Storm <nicolaivds@Nicolais-MacBook-Pro.local>
Date: Sun, 5 Jun 2022 18:25:15 +0200
Subject: [PATCH] feat(user settings): added email field to user profiel
 settings

#122
---
 .../UserGeneralSettings/index.tsx             | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx b/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx
index ba01428f9..5c6e4d2d0 100644
--- a/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx
+++ b/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx
@@ -30,6 +30,7 @@ const messages = defineMessages({
   general: 'General',
   generalsettings: 'General Settings',
   displayName: 'Display Name',
+  email: 'Email',
   save: 'Save Changes',
   saving: 'Saving…',
   mediaServerUser: '{mediaServerName} User',
@@ -121,6 +122,7 @@ const UserGeneralSettings: React.FC = () => {
       <Formik
         initialValues={{
           displayName: data?.username,
+          email: data?.email,
           discordId: data?.discordId,
           locale: data?.locale,
           region: data?.region,
@@ -136,6 +138,7 @@ const UserGeneralSettings: React.FC = () => {
           try {
             await axios.post(`/api/v1/user/${user?.id}/settings/main`, {
               username: values.displayName,
+              email: values.email,
               discordId: values.discordId,
               locale: values.locale,
               region: values.region,
@@ -245,6 +248,24 @@ const UserGeneralSettings: React.FC = () => {
                   )}
                 </div>
               </div>
+              <div className="form-row">
+                <label htmlFor="email" className="text-label">
+                  {intl.formatMessage(messages.email)}
+                </label>
+                <div className="form-input-area">
+                  <div className="form-input-field">
+                    <Field
+                      id="email"
+                      name="email"
+                      type="text"
+                      placeholder={user?.email}
+                    />
+                  </div>
+                  {errors.email && touched.email && (
+                    <div className="error">{errors.email}</div>
+                  )}
+                </div>
+              </div>
               <div className="form-row">
                 <label htmlFor="discordId" className="text-label">
                   {intl.formatMessage(messages.discordId)}