diff --git a/src/containers/DefaultLayout/DefaultLayout.js b/src/containers/DefaultLayout/DefaultLayout.js
index 380d684..e2e7f66 100644
--- a/src/containers/DefaultLayout/DefaultLayout.js
+++ b/src/containers/DefaultLayout/DefaultLayout.js
@@ -245,9 +245,9 @@ class DefaultLayout extends Component {
{this.getMenu()}
-
- this.signOut(e)}>
- Logout
+
+ this.signOut(e)}>
+ Logout
diff --git a/src/views/Dashboard/graphProjectExpenditure.js b/src/views/Dashboard/graphProjectExpenditure.js
new file mode 100644
index 0000000..32e95d8
--- /dev/null
+++ b/src/views/Dashboard/graphProjectExpenditure.js
@@ -0,0 +1,65 @@
+import React, { useEffect, useState } from 'react';
+import axios from 'axios'
+import { Bar } from 'react-chartjs-2';
+
+const labels = ['January', 'February', 'March', 'April', 'May', 'June', 'July'];
+
+const data = {
+ labels,
+ datasets: [
+ {
+ label: 'Dataset 1',
+ borderColor: 'rgb(255, 99, 132)',
+ backgroundColor: 'rgba(255, 99, 132, 0.5)',
+ data: []
+ },
+ {
+ label: 'Dataset 2',
+ borderColor: 'rgb(53, 162, 235)',
+ backgroundColor: 'rgba(53, 162, 235, 0.5)',
+ },
+ ],
+};
+
+
+const options = {
+ indexAxis: 'y',
+ elements: {
+ bar: {
+ borderWidth: 2,
+ },
+ },
+ responsive: true,
+ plugins: {
+ legend: {
+ position: 'right',
+ },
+ title: {
+ display: true,
+ text: 'Chart.js Horizontal Bar Chart',
+ },
+ },
+};
+
+const DashboardPMO = () => {
+ const token = localStorage.getItem("token")
+ const HEADER = {
+ headers: {
+ "Content-Type": "application/json",
+ "Authorization": `Bearer ${token}`
+ }
+ }
+
+ return (
+ <>
+
+
+
+ >
+ );
+}
+
+export default DashboardPMO;