Perbaikan PPOB

src/pages/Membership/DetailUser.js

@@ -392,46 +392,32 @@ export const DetailUser = observer(() => {
                     : "Inaktif"}
                 </Text>
               </Col>
-            </Row>
+              <Col span={12}>
+                <Text strong>Foto Identitas</Text>
               </Col>
-          <Col lg={12} xs={24}>
+              <Col span={12}>
-            <Row>
+                <Text strong>Foto Toko</Text>
-              <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}>
+              <Col span={12}>
+                <Text>
                 <Image
                           src={`${appConfig.apiUrl}/config/image/${store.authentication.dataProfit.userDetail?.image_identity}`}
                           style={{ width: "10vw" }}
                         />
+                </Text>
               </Col>
-                      <Col></Col>
+              <Col span={12}>
-                    </Row>
+                <Text>
-                  </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>
+                </Text>
-                      <Col></Col>
-                    </Row>
               </Col>
             </Row>
           </Col>
+          <Col lg={12} xs={24}>
+            <Row>
               <Col lg={24} xs={24}>
                 <Row>
                   <Col span={store.ui.mediaQuery.isMobile ? 24 : 10}>

src/pages/Profile/Profile.js

@@ -12,6 +12,7 @@ import {
   Input,
   Divider,
   List,
+  Image,
   Tag,
 } from "antd";
 import moment from "moment";
@@ -21,6 +22,8 @@ import { useStore } from "../../utils/useStore";
 import { observer } from "mobx-react-lite";
 import { FilterOutlined } from "@ant-design/icons";
 import { format, parseISO } from "date-fns";
+import { appConfig } from "../../config/app";
+
 import { ModalLoaderContext } from "../../utils/modal";
 
 const { Title, Text } = Typography;
@@ -74,13 +77,17 @@ export const Profile = observer(() => {
 
   const handleSubmitFilter = async () => {
     const data = form.getFieldsValue();
-    console.log(data.start_date)
+    console.log(data.start_date);
-    console.log(data.end_date)
+    console.log(data.end_date);
 
-    const awal=store.transaction.filterStart = moment(data.start_date).format('YYYY-MM-DD HH:mm:ss');
+    const awal = (store.transaction.filterStart = moment(
-    const akhir=store.transaction.filterEnd = moment(data.end_date).format('YYYY-MM-DD HH:mm:ss');
+      data.start_date
-    console.log(awal)
+    ).format("YYYY-MM-DD HH:mm:ss"));
-    console.log(akhir)
+    const akhir = (store.transaction.filterEnd = moment(data.end_date).format(
+      "YYYY-MM-DD HH:mm:ss"
+    ));
+    console.log(awal);
+    console.log(akhir);
     // store.transaction.filterStart = data.start_date;
     // store.transaction.filterEnd = data.end_date;
     modalLoader.setLoading(true);
@@ -120,7 +127,6 @@ export const Profile = observer(() => {
       title: "Price",
       dataIndex: "price",
       key: "price",
-
       render: (text) =>
         new Intl.NumberFormat("id-ID", {
           style: "currency",
@@ -176,19 +182,20 @@ export const Profile = observer(() => {
       dataIndex: "partner_transaction_code",
       key: "partner_transaction_code",
     },
-    {
-      title: "Tanggal Transaksi",
-      dataIndex: "created_at",
-      key: "created_at",
-      render: (text, record) => {
-        return <Text>{format(parseISO(record.created_at), "dd-MM-yyyy")}</Text>;
-      },
-    },
     {
       title: "Alasan Gagal",
       dataIndex: "failed_reason",
       key: "failed_reason",
     },
+    {
+      title: "Tanggal Transaksi",
+      dataIndex: "created_at",
+      key: "created_at",
+
+      render: (text, record) => {
+        return <Text>{format(parseISO(record.created_at), "dd-MM-yyyy")}</Text>;
+      },
+    },
   ];
 
   const styleSaldoTitle = store.ui.mediaQuery.isDesktop
@@ -249,6 +256,24 @@ export const Profile = observer(() => {
                   {store.authentication.profileData.superior?.username}
                 </Text>
               </Col>
+              <Col span={12}>
+                <Text strong>Foto Identitas</Text>
+              </Col>
+              <Col span={12}>
+                <Text strong>Foto Toko</Text>
+              </Col>
+              <Col span={12}>
+                <Image
+                  src={`${appConfig.apiUrl}/config/image/${store.authentication.profileData.userDetail?.image_identity}`}
+                  style={{ width: "10vw" }}
+                />
+              </Col>
+              <Col span={12}>
+                <Image
+                  src={`${appConfig.apiUrl}/config/image/${store.authentication.profileData.userDetail?.image_store}`}
+                  style={{ width: "10vw" }}
+                />
+              </Col>
             </Row>
           </Col>
           <Col span={store.ui.mediaQuery.isMobile ? 24 : 5}>
@@ -310,6 +335,8 @@ export const Profile = observer(() => {
                 <Table
                   columns={columns}
                   bordered
+                  scroll={{ x: 1300 }}
+                  //scroll={{ x: 1500, y: 300 }}
                   dataSource={store.transaction.dataHistoryTransaction}
                   pagination={{
                     pageSize: store.transaction.pageSizeHistoryTransaction,