updated app with new backend

Author: megaconfidence

src/App.js

@@ -2,16 +2,19 @@ import React from 'react';
 import lb4Provider from 'react-admin-lb4';
 import { Admin, Resource } from 'react-admin';
 import { authProvider, httpClient } from './Auth';
-import OrderList from './components/OrderList';
-import OrderShow from './components/OrderShow';
+import RentalList from './components/RentalList';
+import CustomerList from './components/CustomerList';
+import RentalEdit from './components/RentalEdit';
 
 function App() {
   return (
     <Admin
       dataProvider={lb4Provider(process.env.REACT_APP_API_URL, httpClient)}
       authProvider={authProvider}
     >
-      <Resource name='orders' list={OrderList} show={OrderShow} />
+      <Resource name='customers' list={CustomerList}  />    
+      <Resource name='rentals' list={RentalList} edit={RentalEdit}/>
+
     </Admin>
   );
 }

src/components/CustomerList.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { List, Filter, Datagrid, TextField, TextInput, SearchInput, NumberInput } from 'react-admin';
+
+const CustomerFilter = (props) => (
+  <Filter {...props}>
+    <SearchInput placeholder='Email' source='email' resettable alwaysOn />
+  </Filter>
+);
+
+const CustomerList = (props) => (
+  <List {...props} filters={<CustomerFilter />} title='List of Customers'>
+    <Datagrid
+      rowClick={(id, basePath, record) => {
+        return `/rentals?filter=%7B%22customer_id%22%3A%22${id}%22%7D&order=ASC&page=1&perPage=10&sort=id`;
+      }}
+    >
+      <TextField disabled source='id' />
+      <TextField source='first_name' />
+      <TextField source='last_name' />
+      <TextField source='email' />
+      <TextField source='activebool' />
+    </Datagrid>
+  </List>
+);
+
+export default CustomerList;

src/components/OrderList.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import {
+  Edit,
+  SimpleForm,
+  TextInput,
+  DateInput,
+  SelectInput,
+} from 'react-admin';
+
+const RentalEdit = (props) => (
+  <Edit {...props} title='Edit of Rentals'>
+    <SimpleForm rowClick='edit'>
+      <TextInput disabled source='id' />
+      <DateInput disabled source='rental_date' />
+
+      <SelectInput
+        source='status'
+        choices={[
+          { id: 'new', name: 'new' },
+          { id: 'paid', name: 'paid' },
+          { id: 'outbound', name: 'outbound' },
+          { id: 'returned', name: 'returned' },
+          { id: 'canceled', name: 'canceled' },
+          { id: 'lost', name: 'lost' },
+        ]}
+      />
+      <DateInput min source='return_date' />
+    </SimpleForm>
+  </Edit>
+);
+
+export default RentalEdit;

src/components/OrderShow.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import {
+  List,
+  Datagrid,
+  TextField,
+  DateField,
+} from 'react-admin';
+
+
+const RentalList = (props) => (
+  <List {...props}  title='List of Rentals'>
+    <Datagrid rowClick='edit'>
+      <TextField source='id' />
+      <TextField source='status' />
+      <TextField source='inventory_id' />
+      <TextField source='customer_id' />
+      <TextField source='staff_id' />
+      <DateField source='rental_date' />
+      <DateField source='return_date' />
+      <DateField source='last_update' />
+    </Datagrid>
+  </List>
+);
+
+export default RentalList;

src/components/RentalEdit.js

@@ -11,3 +11,7 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
 }
+
+.MuiDrawer-root a[href^='#/orders'] {
+  display: none;
+}