Hit Api Total Transaksi

src/pages/Profile/Profile.js

@@ -120,9 +120,9 @@ export const Profile = observer(() => {
   ];
   const columns = [
     {
-      title: "Markup Price",
-      dataIndex: "mark_up_price",
-      key: "mark_up_price",
+      title: "Price",
+      dataIndex: "price",
+      key: "price",
       width: "20%",
       render: (text) =>
         new Intl.NumberFormat("id-ID", {
@@ -131,9 +131,9 @@ export const Profile = observer(() => {
         }).format(text),
     },
     {
-      title: "Name",
-      dataIndex: "name",
-      key: "name",
+      title: "Buyer",
+      dataIndex: "buyer",
+      key: "buyer",
       width: "50%",
     },
     {
@@ -141,9 +141,7 @@ export const Profile = observer(() => {
       dataIndex: "created_at",
       key: "created_at",
       render: (text, record) => {
-        return (
-          <Text>{format(parseISO(record.created_at), "mm:HH dd-MM-yyyy")}</Text>
-        );
+        return <Text>{format(parseISO(record.created_at), "dd-MM-yyyy")}</Text>;
       },
     },
   ];
@@ -208,7 +206,7 @@ export const Profile = observer(() => {
               </Col>
             </Row>
           </Col>
-          <Col>
+          <Col span={store.ui.mediaQuery.isMobile ? 10 : 5}>
             <Row justify={"center"}>
               <Col lg={12} xs={12}>
                 <Title strong level={3} style={styleSaldoTitle}>
@@ -226,7 +224,7 @@ export const Profile = observer(() => {
               <Col></Col>
             </Row>
           </Col>
-          <Col>
+          <Col span={store.ui.mediaQuery.isMobile ? 8 : 5}>
             <Row justify={"center"}>
               <Col lg={12} xs={12}>
                 <Title strong level={3} style={styleSaldoTitle}>
@@ -292,17 +290,13 @@ export const Profile = observer(() => {
       >
         <Row>
           <Col span={24}>
-            <Form
-              layout="vertical"
-              name="filter"
-              form={form}
-            >
+            <Form layout="vertical" name="filter" form={form}>
               <Form.Item
                 name="start_date"
                 label="Dari"
                 rules={[{ required: true, message: "Please input Date!" }]}
               >
-                <DatePicker style={{ width: "100%" }}/>
+                <DatePicker style={{ width: "100%" }} />
               </Form.Item>
               <Form.Item
                 name="end_date"