update

package.json

@@ -10,7 +10,6 @@
     "@testing-library/user-event": "^7.2.1",
     "apisauce": "^1.1.2",
     "font-awesome": "^4.7.0",
-    "mui-datatables": "^3.3.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-router-dom": "^5.2.0",

src/container/HomePage.js

 import React, { Component } from 'react';
 import { Typography, CircularProgress } from '@material-ui/core';
-import MUIDataTable from "mui-datatables";
 import Images from '../assets/Images';
 
 class HomePage extends Component {
@@ -66,11 +65,6 @@ class HomePage extends Component {
                 </div>
                 <div style={{ flex: 1, padding: 20, width: '100%' }}>
                     <div>
-                        <MUIDataTable
-                            data={data}
-                            columns={columns}
-                            options={options}
-                        />
                     </div>
                     <div style={{ marginTop: 20 }}>
                         <Typography style={{ color: '#656565', fontSize: '16px', fontWeight: 'bold' }}>Status Laporan</Typography>

src/container/Login.js

 import React, { Component } from 'react';
+import Images from '../assets/Images';
 
 class Login extends Component {
   render() {
     return (
-      <div> textInComponent </div>
+      <div style={{ flex: 1, display: 'flex'}}> 
+        <div style={{width: '50%', height: '100vh', display: 'flex'}}>
+        <img src={Images.tia} alt="React Logo" style={{ height: 59, width: 100 }} />
+        </div>
+        <div style={{width: '50%', height: '100vh', backgroundColor: '#51c6ea'}}></div>
+      </div>
     );
   }
 }