DigiFi/digifi-bko
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Remove extra section in dashboard

Browse Source
This commit is contained in:
Elias Liasu
2024-05-07 09:46:16 +01:00
parent 0645f32e52
commit c6fe75c9f8
1 changed files with 69 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/dashboard/DashboardWrapper.tsx
+69 -95
View File
@@ -1,7 +1,7 @@
import {FC} from 'react'
import {useIntl} from 'react-intl'
import {toAbsoluteUrl} from '../../../_digifi/helpers'
import {PageTitle} from '../../../_digifi/layout/core'
import { FC } from 'react';
import { useIntl } from 'react-intl';
import { toAbsoluteUrl } from '../../../_digifi/helpers';
import { PageTitle } from '../../../_digifi/layout/core';
import {
ListsWidget2,
ListsWidget3,
@@ -15,116 +15,90 @@ import {
CardsWidget20,
ListsWidget26,
EngageWidget10,
} from '../../../_digifi/partials/widgets'
import { ToolbarWrapper } from '../../../_digifi/layout/components/toolbar'
import { Content } from '../../../_digifi/layout/components/content'
} from '../../../_digifi/partials/widgets';
import { ToolbarWrapper } from '../../../_digifi/layout/components/toolbar';
import { Content } from '../../../_digifi/layout/components/content';
const DashboardPage: FC = () => (
<>
<ToolbarWrapper />
<Content>
{/* begin::Row */}
<div className='row g-5 g-xl-10 mb-5 mb-xl-10'>
{/* begin::Col */}
<div className='col-md-6 col-lg-6 col-xl-6 col-xxl-3 mb-md-5 mb-xl-10'>
<CardsWidget20
className='h-md-50 mb-5 mb-xl-10'
description='Active Projects'
color='#F1416C'
img={toAbsoluteUrl('media/patterns/vector-1.png')}
/>
<CardsWidget7
className='h-md-50 mb-5 mb-xl-10'
description='Professionals'
icon={false}
stats={357}
labelColor='dark'
textColor='gray-300'
/>
</div>
{/* end::Col */}
{/* begin::Row */}
<div className="row g-5 g-xl-10 mb-5 mb-xl-10">
{/* begin::Col */}
<div className="col-md-6 col-lg-6 col-xl-6 col-xxl-3 mb-md-5 mb-xl-10">
<CardsWidget20
className="h-md-50 mb-5 mb-xl-10"
description="Active Projects"
color="#F1416C"
img={toAbsoluteUrl('media/patterns/vector-1.png')}
/>
<CardsWidget7
className="h-md-50 mb-5 mb-xl-10"
description="Professionals"
icon={false}
stats={357}
labelColor="dark"
textColor="gray-300"
/>
</div>
{/* end::Col */}
{/* begin::Col */}
<div className='col-md-6 col-lg-6 col-xl-6 col-xxl-3 mb-md-5 mb-xl-10'>
<CardsWidget17 className='h-md-50 mb-5 mb-xl-10' />
<ListsWidget26 className='h-lg-50' />
</div>
{/* end::Col */}
{/* begin::Col */}
<div className="col-md-6 col-lg-6 col-xl-6 col-xxl-3 mb-md-5 mb-xl-10">
<CardsWidget17 className="h-md-50 mb-5 mb-xl-10" />
<ListsWidget26 className="h-lg-50" />
</div>
{/* end::Col */}
{/* begin::Col */}
<div className='col-xxl-6'>
<EngageWidget10 className='h-md-100' />
{/* begin::Col */}
<div className="col-xxl-6">
<EngageWidget10 className="h-md-100" />
</div>
{/* end::Col */}
</div>
{/* end::Col */}
</div>
{/* end::Row */}
{/* end::Row */}
{/* begin::Row */}
<div className='row gx-5 gx-xl-10'>
{/* begin::Col */}
<div className='col-xxl-6 mb-5 mb-xl-10'>
{/* <app-new-charts-widget8 cssclassName="h-xl-100" chartHeight="275px" [chartHeightNumber]="275"></app-new-charts-widget8> */}
</div>
{/* end::Col */}
{/* begin::Row */}
<div className="row gx-5 gx-xl-10">
{/* begin::Col */}
<div className="col-xxl-6 mb-5 mb-xl-10">
{/* <app-new-charts-widget8 cssclassName="h-xl-100" chartHeight="275px" [chartHeightNumber]="275"></app-new-charts-widget8> */}
</div>
{/* end::Col */}
{/* begin::Col */}
<div className='col-xxl-6 mb-5 mb-xl-10'>
{/* <app-cards-widget18 cssclassName="h-xl-100" image="./assetsmedia/stock/600x600/img-65.jpg"></app-cards-widget18> */}
{/* begin::Col */}
<div className="col-xxl-6 mb-5 mb-xl-10">
{/* <app-cards-widget18 cssclassName="h-xl-100" image="./assetsmedia/stock/600x600/img-65.jpg"></app-cards-widget18> */}
</div>
{/* end::Col */}
</div>
{/* end::Col */}
</div>
{/* end::Row */}
{/* end::Row */}
{/* begin::Row */}
<div className='row gy-5 gx-xl-8'>
<div className='col-xxl-4'>
<ListsWidget3 className='card-xxl-stretch mb-xl-3' />
{/* begin::Row */}
<div className="row gy-5 gx-xl-8">
<div className="col-xxl-4">
<ListsWidget3 className="card-xxl-stretch mb-xl-3" />
</div>
<div className="col-xl-8">
<TablesWidget10 className="card-xxl-stretch mb-5 mb-xl-8" />
</div>
</div>
<div className='col-xl-8'>
<TablesWidget10 className='card-xxl-stretch mb-5 mb-xl-8' />
</div>
</div>
{/* end::Row */}
{/* begin::Row */}
<div className='row gy-5 g-xl-8'>
<div className='col-xl-4'>
<ListsWidget2 className='card-xl-stretch mb-xl-8' />
</div>
<div className='col-xl-4'>
<ListsWidget6 className='card-xl-stretch mb-xl-8' />
</div>
<div className='col-xl-4'>
<ListsWidget4 className='card-xl-stretch mb-5 mb-xl-8' items={5} />
{/* partials/widgets/lists/_widget-4', 'class' => 'card-xl-stretch mb-5 mb-xl-8', 'items' => '5' */}
</div>
</div>
{/* end::Row */}
<div className='row g-5 gx-xxl-8'>
<div className='col-xxl-4'>
<MixedWidget8
className='card-xxl-stretch mb-xl-3'
chartColor='success'
chartHeight='150px'
/>
</div>
<div className='col-xxl-8'>
<TablesWidget5 className='card-xxl-stretch mb-5 mb-xxl-8' />
</div>
</div>
{/* end::Row */}
</Content>
</>
)
);
const DashboardWrapper: FC = () => {
const intl = useIntl()
const intl = useIntl();
return (
<>
<PageTitle breadcrumbs={[]}>{intl.formatMessage({id: 'MENU.DASHBOARD'})}</PageTitle>
<PageTitle breadcrumbs={[]}>
{intl.formatMessage({ id: 'MENU.DASHBOARD' })}
</PageTitle>
<DashboardPage />
</>
)
}
);
};
export {DashboardWrapper}
export { DashboardWrapper };