PPOB/ppob-frontend
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Perbaikan Project PPOB

Browse Source
This commit is contained in:
ajat91.sudrajat 2021-12-27 17:50:24 +07:00
parent 8a2bde5ba8
commit d590b94a6c
2 changed files with 73 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

108
src/pages/Home/Home.js
View File

@ -1,8 +1,12 @@
import React from "react"; import React from "react";
import { Button, PageHeader, Card, Row, Col, List } from "antd"; import { Button, PageHeader, Card, Row, Col } from "antd";
import { store } from "../../utils/useStore"; import { store } from "../../utils/useStore";
import { observer } from "mobx-react-lite"; import { observer } from "mobx-react-lite";
import { FilterOutlined, TransactionOutlined } from "@ant-design/icons"; import {
DropboxOutlined,
DollarCircleOutlined,
BarChartOutlined,
} from "@ant-design/icons";
export const Home = observer(() => { export const Home = observer(() => {
return ( return (
@ -16,29 +20,21 @@ export const Home = observer(() => {
> >
<Card <Card
className={"shadow"} className={"shadow"}
hoverable
style={{ style={{
marginLeft: 20, marginLeft: 20,
height: 200, height: 200,
marginBottom: 10, marginBottom: 10,
borderColor: "salmon",
width: "30%", width: "30%",
}} }}
> >
<Row>
<BarChartOutlined style={{ fontSize: 30 }} />
<PageHeader title={<span>Total Transaksi</span>}> <PageHeader title={<span>Total Transaksi</span>}>
<span>Total Transaksi : 25 Transaksi</span> <span>Total Transaksi : 25 Transaksi</span>
</PageHeader> </PageHeader>
</Card> </Row>
<Card
className={"shadow"}
style={{
marginLeft: 20,
height: 200,
marginBottom: 10,
width: "30%",
}}
>
<PageHeader title={<span>Total Keuntungan</span>}>
<span>Rp.30.000.000</span>
</PageHeader>
</Card> </Card>
<Card <Card
className={"shadow"} className={"shadow"}
@ -47,12 +43,34 @@ export const Home = observer(() => {
marginLeft: 20, marginLeft: 20,
height: 200, height: 200,
marginBottom: 10, marginBottom: 10,
borderColor: "salmon",
width: "30%", width: "30%",
}} }}
> >
<Row>
<DropboxOutlined style={{ fontSize: 30 }} />
<PageHeader title={<span>Total Keuntungan</span>}>
<span>Rp.30.000.000</span>
</PageHeader>
</Row>
</Card>
<Card
className={"shadow"}
hoverable
style={{
marginLeft: 20,
height: 200,
marginBottom: 10,
borderColor: "salmon",
width: "30%",
}}
>
<Row>
<DollarCircleOutlined style={{ fontSize: 30 }} />
<PageHeader title={<span>Saldo</span>}> <PageHeader title={<span>Saldo</span>}>
<span>Rp.200.000.000 </span> <span>Rp.200.000.000 </span>
</PageHeader> </PageHeader>
</Row>
</Card> </Card>
</Row> </Row>
)} )}
@ -60,29 +78,21 @@ export const Home = observer(() => {
<div style={{ marginTop: 10 }}> <div style={{ marginTop: 10 }}>
<Card <Card
className={"shadow"} className={"shadow"}
hoverable
style={{ style={{
marginLeft: 20, marginLeft: 20,
height: 200, height: 200,
marginBottom: 10, marginBottom: 10,
marginRight: 20, marginRight: 20,
borderColor: "salmon",
}} }}
> >
<Row>
<BarChartOutlined style={{ fontSize: 30 }} />
<PageHeader title={<span>Total Transaksi</span>}> <PageHeader title={<span>Total Transaksi</span>}>
<span>Total Transaksi :</span> <span>Total Transaksi : 25 Transaksi</span>
</PageHeader>
</Card>
<Card
className={"shadow"}
style={{
marginLeft: 20,
height: 200,
marginBottom: 10,
marginRight: 20,
}}
>
<PageHeader title={<span>Total Keuntungan</span>}>
<span>Rp.30.000.000</span>
</PageHeader> </PageHeader>
</Row>
</Card> </Card>
<Card <Card
className={"shadow"} className={"shadow"}
@ -92,32 +102,36 @@ export const Home = observer(() => {
height: 200, height: 200,
marginBottom: 10, marginBottom: 10,
marginRight: 20, marginRight: 20,
borderColor: "salmon",
}} }}
> >
<Row>
<DropboxOutlined style={{ fontSize: 30 }} />
<PageHeader title={<span>Total Keuntungan</span>}>
<span>Rp.30.000.000</span>
</PageHeader>
</Row>
</Card>
<Card
className={"shadow"}
hoverable
style={{
marginLeft: 20,
height: 200,
marginBottom: 10,
marginRight: 20,
borderColor: "salmon",
}}
>
<Row>
<DollarCircleOutlined style={{ fontSize: 30 }} />
<PageHeader title={<span>Saldo</span>}> <PageHeader title={<span>Saldo</span>}>
<span>Rp.200.000.000 </span> <span>Rp.200.000.000 </span>
</PageHeader> </PageHeader>
</Row>
</Card> </Card>
</div> </div>
)} )}
</div> </div>
); );
// return <div className={["ppob-container"].join(" ")}>
// <PageHeader
// style={{
// padding: 0,
// margin: 0,
// height: 40,
// backgroundColor: "transparent",
// }}
// title={"Home"}
// >
// </PageHeader>
// <Button onClick={() => {
// store.ui.setTestValue();
// }}>{store.ui.testValue}</Button>
// Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aut recusandae velit! Consequatur corporis,
// eum fuga, harum incidunt laboriosam minus necessitatibus neque non nostrum pariatur tempore. Dignissimos impedit
// rem tempora!
// </div>
}); });

2
src/pages/Membership/DetailUser.js
View File

@ -127,7 +127,7 @@ export const DetailUser = observer(() => {
const routeData = [ const routeData = [
{ {
route: LINKS.HOME, route: LINKS.HOME,
name: "Home", name: "Beranda",
}, },
{ {
route: LINKS.MEMBERSHIP, route: LINKS.MEMBERSHIP,