From 133984ab368972f1e0f62f71233b7a1655b225db Mon Sep 17 00:00:00 2001
From: okbel <curciobelen@gmail.com>
Date: Wed, 28 Mar 2018 13:13:29 -0300
Subject: [PATCH] wip

---
 .../components/OrganizationSettings.css       |  3 ++
 .../components/OrganizationSettings.js        | 31 +++++++++++++++++--
 2 files changed, 31 insertions(+), 3 deletions(-)
 create mode 100644 client/coral-admin/src/routes/Configure/components/OrganizationSettings.css

diff --git a/client/coral-admin/src/routes/Configure/components/OrganizationSettings.css b/client/coral-admin/src/routes/Configure/components/OrganizationSettings.css
new file mode 100644
index 000000000..4902e37a3
--- /dev/null
+++ b/client/coral-admin/src/routes/Configure/components/OrganizationSettings.css
@@ -0,0 +1,3 @@
+.label {
+  display: block;
+}
\ No newline at end of file
diff --git a/client/coral-admin/src/routes/Configure/components/OrganizationSettings.js b/client/coral-admin/src/routes/Configure/components/OrganizationSettings.js
index 9920375c4..41957152c 100644
--- a/client/coral-admin/src/routes/Configure/components/OrganizationSettings.js
+++ b/client/coral-admin/src/routes/Configure/components/OrganizationSettings.js
@@ -1,15 +1,21 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-
+import { Textfield } from 'react-mdl';
+import styles from './OrganizationSettings.css';
 import Slot from 'coral-framework/components/Slot';
 import t from 'coral-framework/services/i18n';
 import ConfigurePage from './ConfigurePage';
 import ConfigureCard from 'coral-framework/components/ConfigureCard';
 
 class OrganizationSettings extends React.Component {
+  updateEmail = event => {
+    const updater = { organizationContactEmail: { $set: event.target.value } };
+    this.props.updatePending({ updater });
+  };
+
   render() {
     const { settings, slotPassthrough } = this.props;
-    console.log(this.props);
+
     return (
       <ConfigurePage title={t('configure.organization_settings')}>
         <ConfigureCard title={t('configure.organization_details')}>
@@ -19,7 +25,26 @@ class OrganizationSettings extends React.Component {
             </li>
             <li>
               {t('configure.organization_contact_email')}:{' '}
-              {settings.organizationContactEmail}
+              <input
+                defaultValue={settings.organizationContactEmail}
+                readOnly
+              />
+            </li>
+          </ul>
+        </ConfigureCard>
+        <ConfigureCard title={'Edit Organization Settings'}>
+          <ul>
+            <li>
+              <label className={styles.label}>
+                {t('configure.organization_contact_email')}
+              </label>
+
+              <Textfield
+                type="text"
+                onChange={this.updateEmail}
+                value={settings.organizationContactEmail}
+                label={t('configure.organizationContactEmail')}
+              />
             </li>
           </ul>
         </ConfigureCard>