feature: add verifikasi-investasi navbar button feature

src/App.js

@@ -18,6 +18,7 @@ import Login from './page/Login';
 import ResetPassword from './page/ResetPassword/ResetPassword';
 import ResetPasswordConfirm from './page/ResetPassword/ResetPasswordConfirm';
 import RingkasanSales from './page/RingkasanSales/RingkasanSales';
+import VerifikasiInvestasi from './page/VerifikasiInvestasi/VerifikasiInvestasi';
 import Layout from './hocs/Layout';
 import { fetch_user } from './util/prerender';
 import { Provider } from 'react-redux';
@@ -97,6 +98,9 @@ function App() {
               <Route path="/ringkasan-sales">
                 <RingkasanSales />
               </Route>
+              <Route path="/verifikasi-investasi">
+                <VerifikasiInvestasi />
+              </Route>
               <Route exact path="/">
                 <Home />
               </Route>
@@ -108,6 +112,6 @@ function App() {
       </Router>
     </Provider>
   );
-}
+};
 
 export default App;

src/components/NavProfile/NavProfile.js

@@ -85,6 +85,7 @@ export default function NavProfile(props) {
                     <div className="nav-dropdown-sect-2">
                       <Link to="/profile" style={{ color: 'rgb(0, 0, 0)', textDecoration: 'none' }}><MenuItem onClick={handleClose} data-testid='profile-menu'>Profil</MenuItem></Link>
                       <Link to="/ringkasan-sales" style={{ color: 'rgb(0, 0, 0)', textDecoration: 'none' }}><MenuItem onClick={handleClose} data-testid='profile-menu'>Portofolio</MenuItem></Link>
+                      <Link to="/verifikasi-investasi" style={{ color: 'rgb(0, 0, 0)', textDecoration: 'none' }}><MenuItem onClick={handleClose} data-testid='profile-menu'>Verifikasi Investasi</MenuItem></Link>
                     </div>
                     <div className="nav-dropdown-sect-3">
                       <Link to="/masuk"><MenuItem onClick={props.handleLogout}>Keluar</MenuItem></Link>

src/page/VerifikasiInvestasi/VerifikasiInvestasi.js

+import React, { useState, useEffect } from 'react';
+import axios from 'axios';
+import { Link, Redirect } from 'react-router-dom';
+import { connect } from 'react-redux';
+import { Row, Col, Dropdown } from "react-bootstrap";
+import { Chart } from "react-google-charts";
+import { ChevronLeft } from 'react-feather';
+import './VerifikasiInvestasi.css';
+import NumberFormat from 'react-number-format';
+
+const VerifikasiInvestasi = ({ isAuthenticated, user }) => {
+    const [empty, setEmpty] = useState(false);
+    const [data, setData] = useState();
+    const [deskripsi, setDeskripsi] = useState(null);
+    const [filter, setFilter] = useState('Semua');
+    const handleSelect = (e) => {
+        setFilter(e)
+    }
+
+    console.log(filter);
+    const config = {
+        headers: {
+            'Content-Type': 'multipart/form-data',
+            'Authorization': `JWT ${localStorage.getItem('access')}`,
+        }
+    };
+
+    if (!isAuthenticated) {
+        alert("Masuk sebagai Mitra/Investor untuk melanjutkan");
+        return <Redirect to="/masuk" />
+    }
+    
+    return (
+        <div>
+            <h2
+                style={{
+                    textAlign: 'left'
+                }}>
+                <h3 className="back-button" onClick={() => window.history.back()}><ChevronLeft data-testid='title' size="40" className="chevron-left" />Verifikasi Investasi</h3>
+            </h2>
+        </div>
+    );
+};
+
+const mapStateToProps = (state) => ({
+    isAuthenticated: state.auth.isAuthenticated,
+    user: state.auth.user
+})
+
+export default connect(mapStateToProps)(VerifikasiInvestasi);