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

Bug Fixing

Browse Source
This commit is contained in:
ajat91.sudrajat 2022-02-06 12:09:29 +07:00
parent 1dedad7083
commit 861532d9b5
1 changed files with 55 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
src/pages/App/DesktopLayout.js
View File

@ -1,5 +1,5 @@
import React, { useState } from "react"; import React, { useState } from "react";
import { Button, Drawer, Layout, Menu, Popover, Typography } from "antd"; import { Button, Drawer, Layout, Menu, Popover, Typography, Card } from "antd";
import { MenuList } from "./MenuList"; import { MenuList } from "./MenuList";
import { Link, useHistory } from "react-router-dom"; import { Link, useHistory } from "react-router-dom";
import { import {
@ -394,8 +394,8 @@ export const DesktopLayout = observer(() => {
width: "100%", width: "100%",
paddingLeft: store.ui.mediaQuery.isMobile ? 10 : 20, paddingLeft: store.ui.mediaQuery.isMobile ? 10 : 20,
paddingRight: store.ui.mediaQuery.isMobile ? 0 : 20, paddingRight: store.ui.mediaQuery.isMobile ? 0 : 20,
paddingBottom: 4,
marginTop: -5, marginTop: -20,
}} }}
> >
<Button <Button
@ -424,28 +424,29 @@ export const DesktopLayout = observer(() => {
paddingTop: 5, paddingTop: 5,
}} }}
> >
{/*<img*/} {/* <img
{/* className={[classes.logoFull]}*/} className={[classes.logoFull]}
{/* style={{*/} style={{
{/* maxHeight: 18,*/} maxHeight: 18,
{/* maxWidth: 75,*/} maxWidth: 75,
{/* }}*/} }}
{/* src={parkirLogoFull}*/} src={parkirLogoFull}
{/*/>*/} /> */}
{/*<Paragraph*/} {/* <Paragraph
{/* style={{*/} style={{
{/* margin: "-5px 0px 0px 2px",*/}
{/* padding: 0,*/} padding: 0,
{/* lineHeight: "18px",*/} lineHeight: "18px",
{/* fontSize: 8,*/} fontSize: 8,
{/* fontWeight: 800,*/} fontWeight: 800,
{/* color: "#8c8c8c",*/} color: "#8c8c8c",
{/* textAlign: "center",*/}
{/* }}*/} }}
{/*>*/} >
{/* {store.authentication.userData.role || "Apps"}*/} {store.authentication.userData.role || "Apps"}
{/*</Paragraph>*/} </Paragraph> */}
</div> </div>
<Popover <Popover
className={store.ui.mediaQuery.isDesktop ? "shadow" : null} className={store.ui.mediaQuery.isDesktop ? "shadow" : null}
autoAdjustOverflow={true} autoAdjustOverflow={true}
@ -496,9 +497,14 @@ export const DesktopLayout = observer(() => {
visible={clicked} visible={clicked}
onVisibleChange={() => setClicked(!clicked)} onVisibleChange={() => setClicked(!clicked)}
> >
{new Intl.NumberFormat("id-ID", {
style: "currency",
currency: "IDR",
}).format(store.authentication.profileData?.wallet || 0)}
<Button <Button
size={"default"} size={"default"}
type={store.ui.mediaQuery.isDesktop ? "" : "link"} type={store.ui.mediaQuery.isDesktop ? "" : "link"}
title="tes"
style={{ style={{
marginRight: store.ui.mediaQuery.isDesktop ? 20 : 10, marginRight: store.ui.mediaQuery.isDesktop ? 20 : 10,
}} }}
@ -548,6 +554,28 @@ export const DesktopLayout = observer(() => {
width: "100%", width: "100%",
}} }}
></div> ></div>
<Card
size="small"
title={
<span
style={{
fontStyle: "bold",
textAlign: "center",
}}
>
Saldo :{" "}
{new Intl.NumberFormat("id-ID", {
style: "currency",
currency: "IDR",
}).format(store.authentication.profileData?.wallet || 0)}
</span>
}
style={{
marginRight: 10,
width: 210,
height: 31,
}}
></Card>
<Popover <Popover
className={store.ui.mediaQuery.isDesktop ? "shadow" : null} className={store.ui.mediaQuery.isDesktop ? "shadow" : null}
autoAdjustOverflow={true} autoAdjustOverflow={true}
@ -602,11 +630,12 @@ export const DesktopLayout = observer(() => {
size={"default"} size={"default"}
type={store.ui.mediaQuery.isDesktop ? "" : "link"} type={store.ui.mediaQuery.isDesktop ? "" : "link"}
style={{ style={{
marginRight: store.ui.mediaQuery.isDesktop ? 20 : 10, marginRight: store.ui.mediaQuery.isDesktop ? 30 : 10,
width: 50,
}} }}
icon={ icon={
store.ui.mediaQuery.isDesktop ? ( store.ui.mediaQuery.isDesktop ? (
<UserOutlined style={{ fontSize: "13px" }} /> <UserOutlined style={{ fontSize: "15px" }} />
) : ( ) : (
<UserOutlined <UserOutlined
style={{ fontSize: "13px", color: "#5b5b5b" }} style={{ fontSize: "13px", color: "#5b5b5b" }}