From f7f2b9c282b6561f080a554d4fd1fc7801ae289e Mon Sep 17 00:00:00 2001
From: "ajat91.sudrajat" <ajat91.sudrajat@gmail.com>
Date: Fri, 7 Jan 2022 17:25:17 +0700
Subject: [PATCH] Image

---
 src/pages/Membership/DetailUser.js | 82 ++++++++++++++++++------------
 1 file changed, 50 insertions(+), 32 deletions(-)

diff --git a/src/pages/Membership/DetailUser.js b/src/pages/Membership/DetailUser.js
index 3d080ef..a2eac50 100644
--- a/src/pages/Membership/DetailUser.js
+++ b/src/pages/Membership/DetailUser.js
@@ -13,7 +13,9 @@ import {
   Tag,
   Divider,
   Image,
+  Avatar,
 } from "antd";
+import { UserOutlined } from "@ant-design/icons";
 import { BreadcumbComponent } from "../../component/BreadcumbComponent";
 import { LINKS } from "../../routes/app";
 import { useStore } from "../../utils/useStore";
@@ -341,74 +343,90 @@ export const DetailUser = observer(() => {
         <Row style={{ marginBottom: 20 }}>
           <Col lg={12} xs={24}>
             <Row>
-              <Col span={10}>
+              <Col span={12}>
                 <Text strong>Name</Text>
               </Col>
-              <Col span={10}>
+              <Col span={12}>
                 <Text>{store.authentication.dataProfit.userDetail?.name}</Text>
               </Col>
-              <Col span={10}>
+              <Col span={12}>
                 <Text strong>Username</Text>
               </Col>
-              <Col span={10}>
+              <Col span={12}>
                 <Text>{store.authentication.dataProfit.username}</Text>
               </Col>
-              <Col span={10}>
+              <Col span={12}>
                 <Text strong>Role</Text>
               </Col>
-              <Col span={10}>
+              <Col span={12}>
                 <Text>{store.authentication.dataProfit.roles?.name}</Text>
               </Col>
-              <Col span={10}>
+              <Col span={12}>
                 <Text strong>Phone Number</Text>
               </Col>
-              <Col span={10}>
+              <Col span={12}>
                 <Text>
                   {store.authentication.dataProfit.userDetail?.phone_number}
                 </Text>
               </Col>
-              <Col span={10}>
+              <Col span={12}>
                 <Text strong>Id Number</Text>
               </Col>
-              <Col span={10}>
+              <Col span={12}>
                 <Text>
                   {store.authentication.dataProfit.userDetail?.identity_number}
                 </Text>
               </Col>
-              <Col span={10}>
+              <Col span={12}>
                 <Text strong>Status</Text>
               </Col>
-              <Col span={10}>
+              <Col span={12}>
                 <Text>
                   {store.authentication.dataProfit.isActive === true
                     ? "Aktif"
                     : "Inaktif"}
                 </Text>
               </Col>
-              <Col span={10}>
-                <Text strong>Image identity</Text>
-              </Col>
-              <Col span={10}>
-                <Text strong>Image Store</Text>
-              </Col>
-              <Col span={10}>
-                <Image
-                  src={`${appConfig.apiUrl}/config/image/${store.authentication.dataProfit.userDetail?.image_identity}`}
-                  style={{ width: "5vw" }}
-                  alt={store.authentication.dataProfit.userDetail?.name}
-                />
-              </Col>
-              <Col span={10}>
-              <Image
-                  src={`${appConfig.apiUrl}/config/image/${store.authentication.dataProfit.userDetail?.image_store}`}
-                  style={{ width: "5vw" }}
-                  alt={store.authentication.dataProfit.userDetail?.name}
-                />
-              </Col>
             </Row>
           </Col>
           <Col lg={12} xs={24}>
             <Row>
+              <Col lg={24} xs={24}>
+                <Row>
+                  <Col span={store.ui.mediaQuery.isMobile ? 24 : 10}>
+                    <Row justify={"center"}>
+                      <Col lg={22} xs={12}>
+                        <Title strong level={3} style={styleSaldoTitle}>
+                          Foto Identitas
+                        </Title>
+                      </Col>
+                      <Col lg={15} xs={12}>
+                        <Image
+                          src={`${appConfig.apiUrl}/config/image/${store.authentication.dataProfit.userDetail?.image_identity}`}
+                          style={{ width: "10vw" }}
+                        />
+                      </Col>
+                      <Col></Col>
+                    </Row>
+                  </Col>
+                  <Col span={store.ui.mediaQuery.isMobile ? 24 : 10}>
+                    <Row justify={"center"}>
+                      <Col lg={22} xs={12}>
+                        <Title strong level={3} style={styleSaldoTitle}>
+                          Foto Toko
+                        </Title>
+                      </Col>
+                      <Col lg={18} xs={12}>
+                        <Image
+                          src={`${appConfig.apiUrl}/config/image/${store.authentication.dataProfit.userDetail?.image_store}`}
+                          style={{ width: "10vw" }}
+                        />
+                      </Col>
+                      <Col></Col>
+                    </Row>
+                  </Col>
+                </Row>
+              </Col>
               <Col lg={24} xs={24}>
                 <Row>
                   <Col span={store.ui.mediaQuery.isMobile ? 24 : 10}>