Complete User CRUD

ui/src/user/UserCreate.js

@@ -0,0 +1,21 @@
+import React from 'react'
+import {
+  BooleanInput,
+  Create,
+  TextInput,
+  PasswordInput,
+  required,
+  SimpleForm
+} from 'react-admin'
+
+const UserCreate = (props) => (
+  <Create {...props}>
+    <SimpleForm redirect="list">
+      <TextInput source="name" validate={[required()]} />
+      <PasswordInput source="password" validate={[required()]} />
+      <BooleanInput source="isAdmin" initialValue={false} />
+    </SimpleForm>
+  </Create>
+)
+
+export default UserCreate

ui/src/user/UserEdit.js

@@ -0,0 +1,26 @@
+import React from 'react'
+import {
+  TextInput,
+  BooleanInput,
+  DateField,
+  PasswordInput,
+  Edit,
+  required,
+  SimpleForm
+} from 'react-admin'
+
+const UserEdit = (props) => (
+  <Edit {...props}>
+    <SimpleForm>
+      <TextInput source="name" validate={[required()]} />
+      <PasswordInput source="password" validate={[required()]} />
+      <BooleanInput source="isAdmin" initialValue={false} />
+      <DateField source="lastLoginAt" />
+      <DateField source="lastAccessAt" />
+      <DateField source="updatedAt" />
+      <DateField source="createdAt" />
+    </SimpleForm>
+  </Edit>
+)
+
+export default UserEdit

ui/src/user/UserList.js

@@ -2,8 +2,8 @@ import React from 'react'
 import {
   BooleanField,
   Datagrid,
-  DateField,
   Filter,
+  DateField,
   List,
   SearchInput,
   SimpleList,
@@ -13,7 +13,7 @@ import { useMediaQuery } from '@material-ui/core'
 
 const UserFilter = (props) => (
   <Filter {...props}>
-    <SearchInput source="q" alwaysOn />
+    <SearchInput source="name" alwaysOn />
   </Filter>
 )
 
@@ -30,10 +30,10 @@ const UserList = (props) => {
       {isXsmall ? (
         <SimpleList
           primaryText={(record) => record.name}
-          secondaryText={(record) => record.email}
+          tertiaryText={(record) => (record.isAdmin ? '[admin]️' : '')}
         />
       ) : (
-        <Datagrid>
+        <Datagrid rowClick="edit">
           <TextField source="name" />
           <BooleanField source="isAdmin" />
           <DateField source="lastLoginAt" locales="pt-BR" />

ui/src/user/index.js

@@ -1,11 +1,11 @@
-import SupervisedUserCircleIcon from '@material-ui/icons/SupervisedUserCircle'
+import SupervisedUserCircleIcon from '@material-ui/icons/Group'
 import UserList from './UserList'
-// import UserEdit from './UserEdit'
-// import UserCreate from './UserCreate'
+import UserEdit from './UserEdit'
+import UserCreate from './UserCreate'
 
 export default {
   list: UserList,
-  // edit: UserEdit,
-  // create: UserCreate,
+  edit: UserEdit,
+  create: UserCreate,
   icon: SupervisedUserCircleIcon
 }