From 787c9dc0ec684d3524ec060b6422ffbaea5012ac Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton.tananaev@gmail.com>
Date: Sun, 20 Sep 2020 21:28:52 -0700
Subject: Add user edit page

---
 modern/src/UserPage.js | 53 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 modern/src/UserPage.js

(limited to 'modern/src/UserPage.js')

diff --git a/modern/src/UserPage.js b/modern/src/UserPage.js
new file mode 100644
index 0000000..da8ba1b
--- /dev/null
+++ b/modern/src/UserPage.js
@@ -0,0 +1,53 @@
+import React, { useState } from 'react';
+import TextField from '@material-ui/core/TextField';
+
+import t from './common/localization';
+import EditPage from './EditPage';
+
+const UserPage = () => {
+  const [item, setItem] = useState();
+
+  const [name, setName] = useState('');
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+
+  const getItem = () => {
+    const updatedItem = item;
+    updatedItem.name = name;
+    updatedItem.email = email;
+    updatedItem.password = password;
+    return updatedItem;
+  };
+
+  return (
+    <EditPage endpoint="users" setItem={setItem} getItem={getItem}>
+      {item &&
+        <>
+          <TextField
+            margin="normal"
+            fullWidth
+            defaultValue={item.name}
+            onChange={(event) => setName(event.target.value)}
+            label={t('sharedName')}
+            variant="filled" />
+          <TextField
+            margin="normal"
+            fullWidth
+            defaultValue={item.email}
+            onChange={(event) => setEmail(event.target.value)}
+            label={t('userEmail')}
+            variant="filled" />
+          <TextField
+            margin="normal"
+            fullWidth
+            type="password"
+            onChange={(event) => setPassword(event.target.value)}
+            label={t('userPassword')}
+            variant="filled" />
+        </>
+      }
+    </EditPage>
+  );
+}
+
+export default UserPage;
-- 
cgit v1.2.3