diff --git a/src/views/DashboardPMOV1/index.js b/src/views/DashboardPMOV1/index.js index a16faff..d59a248 100644 --- a/src/views/DashboardPMOV1/index.js +++ b/src/views/DashboardPMOV1/index.js @@ -1,6 +1,5 @@ import React, { useEffect, useState } from 'react'; -import { Row, Col, Select, Collapse } from 'antd'; -import { Column } from '@ant-design/plots'; +import { Row, Col, Collapse } from 'antd'; import TableDashboardV1 from './tableDashboardv1'; import { ProjectTypeChart } from './chartDashboard'; import { ProjectPhaseChart } from './projectPhaseChart'; @@ -11,10 +10,10 @@ import { formatRibuanDecimal } from '../../const/CustomFunc.js'; const { Panel } = Collapse; -function BoxDashboard({ value, title, secondaryTitle, icon, bgColor }) { +function BoxDashboard({ value, title, secondaryTitle, icon, bgColor, valFSize = '1.0rem', fSize = '0.7rem' }) { return ( <> -
+
@@ -23,8 +22,8 @@ function BoxDashboard({ value, title, secondaryTitle, icon, bgColor }) {
-
{value}
-
{title.toUpperCase()}
+
{value}
+
{title.toUpperCase()}
{secondaryTitle && secondaryTitle.toUpperCase()}
@@ -34,15 +33,15 @@ function BoxDashboard({ value, title, secondaryTitle, icon, bgColor }) { ) } -function BoxDashboardNoIcon({ value, title, secondaryTitle, bgColor }) { +function BoxDashboardNoIcon({ value, title, secondaryTitle, bgColor, valFSize = '1.0rem', fSize = '0.7rem' }) { return ( <> -
+
-
{value}
-
{title.toUpperCase()}
+
{value}
+
{title}
{secondaryTitle && secondaryTitle.toUpperCase()}
@@ -106,113 +105,68 @@ const DashboardPM = () => { lg: 32, }} > - - } + + + + + - } + - } + - } + - - } + + + + } + bgColor="#0287c7" + title="OSLOG" + /> +
- - - - + + + + - - -
Car Management
- {/*
Total Vehicles: -
*/} - -
- - - } - /> - - - - - - - {/* - } - /> - */} - - - - - - - +