feat: initial commit

2021-12-09 09:01:39 +07:00
parent f8fdeefa22
commit f27ddcfe90
55 changed files with 16928 additions and 0 deletions
--- a/src/pages/App/DesktopLayout.js
+++ b/src/pages/App/DesktopLayout.js
@@ -0,0 +1,151 @@
+import React, {useState} from "react";
+import {Button, Layout, Menu, Popover, Typography,} from "antd";
+import {MenuList} from "./MenuList";
+import {Link} from "react-router-dom";
+import {PlusSquareOutlined, UserOutlined,} from "@ant-design/icons";
+import {AppRoute} from "../../routes/app";
+
+const {Text, Paragraph} = Typography;
+const {Header, Content, Sider} = Layout;
+
+export const DesktopLayout = () => {
+    const [clicked, setClicked] = useState(false);
+
+    return (
+        <Layout
+            theme={"light"}
+            className={"transparent"}
+            hasSider={true}
+            style={{
+                paddingLeft: 0,
+                display: "flex",
+                width: "100vw",
+                height: "100vh",
+            }}
+        >
+            <Sider
+                className={"transparent"}
+                width={240}
+                style={{
+                    overflowX: "hidden",
+                    bottom: 0,
+                    justifyContent: "flex-start",
+                    paddingTop: 20,
+                    paddingLeft: 20,
+                    position: "fixed",
+                    top: 0,
+                    zIndex: 10,
+                }}
+            >
+                <div
+                    style={{
+                        paddingLeft: 20,
+                        marginBottom: 40,
+                    }}
+                >
+                    <Paragraph
+                        style={{
+                            margin: 0,
+                            padding: 0,
+                            fontSize: 20,
+                            marginLeft: 5,
+                            fontWeight: 600,
+                            color: "#828282",
+                        }}
+                    >
+                        PPOB
+                    </Paragraph>
+                    <Paragraph
+                        style={{
+                            margin: 0,
+                            padding: 0,
+                            fontSize: 11,
+                            marginLeft: 5,
+                            fontWeight: 600,
+                            color: "#413d3e",
+                        }}
+                    >
+                        Admin
+                    </Paragraph>
+                </div>
+                <MenuList closeLeftDrawer={() => {
+                }}/>
+            </Sider>
+
+            <Layout
+                style={{
+                    paddingLeft: 240,
+                }}
+            >
+                <Header
+                    theme={"light"}
+                    style={{
+                        height: 54,
+                        paddingLeft: 0,
+                        paddingRight: 0,
+                        backgroundColor: "transparent",
+                        maxWidth: 1000,
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "flex-end",
+                    }}
+                >
+                    <Button style={{right: "94%"}}>
+                        <PlusSquareOutlined/>
+                    </Button>
+                    <Popover
+                        autoAdjustOverflow={true}
+                        placement="bottomRight"
+                        content={
+                            <Menu
+                                type={"line"}
+                                inlineIndent={0}
+                                theme="light"
+                                style={{
+                                    backgroundColor: "transparent",
+                                    borderRightWidth: 0,
+                                    right: "30%",
+                                }}
+                                mode="inline"
+                            >
+                                <Menu.Item>
+                                    <Link to="/app/profile">
+                                        <span>Profile</span>
+                                    </Link>
+                                </Menu.Item>
+                                <Menu.Item
+                                    onClick={() => {
+                                        // store.authentication.logout();
+                                        // return history.push("/login");
+                                    }}
+                                >
+                                    <span>Sign out</span>
+                                </Menu.Item>
+                            </Menu>
+                        }
+                        title={
+                            <Text>
+                                info@bangun-kreatif.com
+                                {/*{store.userData.email}{" "}*/}
+                                <Paragraph style={{fontWeight: 400}} type={"secondary-dark"}>
+                                    Administrator
+                                    {/*{store.userData.role}*/}
+                                </Paragraph>
+                            </Text>
+                        }
+                        trigger="click"
+                        visible={clicked}
+                        onVisibleChange={() => setClicked(!clicked)}
+                    >
+                        <Button
+                            size={"default"}
+                            style={{}}
+                            icon={<UserOutlined style={{fontSize: "13px"}}/>}
+                        />
+                    </Popover>
+                </Header>
+                <AppRoute/>
+            </Layout>
+        </Layout>
+    );
+};