feat: Adds film name

Author: megaconfidence

src/App.js

@@ -12,6 +12,8 @@ function App() {
       dataProvider={lb4Provider(process.env.REACT_APP_API_URL, httpClient)}
       authProvider={authProvider}
     >
+      <Resource name='films'/>
+
       <Resource name='customers' list={CustomerList}  />    
       <Resource name='rentals' list={RentalList} edit={RentalEdit}/>
 

src/components/RentalList.js

@@ -4,14 +4,17 @@ import {
   Datagrid,
   TextField,
   DateField,
+  ReferenceField,
 } from 'react-admin';
 
-
 const RentalList = (props) => (
-  <List {...props}  title='List of Rentals'>
+  <List {...props} title='List of Rentals'>
     <Datagrid rowClick='edit'>
       <TextField source='id' />
       <TextField source='status' />
+      <ReferenceField label='Movie Name' source='film_id' reference='films' link={false}>
+        <TextField source='title' />
+      </ReferenceField>
       <TextField source='inventory_id' />
       <TextField source='customer_id' />
       <TextField source='staff_id' />