Perbaikan Project PPOB

src/pages/Membership/DetailUser.js

@@ -169,6 +169,9 @@ export const DetailUser = observer(() => {
       title: "Status",
       dataIndex: "status",
       key: "status",
+      render: (text, record) => {
+        return <Text>{record.status === 1 ? "Success" : "Pending"}</Text>;
+      },
     },
     {
       title: "No Seri",
@@ -222,9 +225,11 @@ export const DetailUser = observer(() => {
     <div className={["ppob-container"].join(" ")}>
       <BreadcumbComponent data={routeData} />
       <Card>
-        <Row style={{marginBottom:10}}>
-          <Title strong level={2} >Detail User</Title>
-          <Col lg={20} xs={20} style={{textAlign: "right" }}>
+        <Row style={{ marginBottom: 10 }}>
+          <Title strong level={2}>
+            Detail User
+          </Title>
+          <Col lg={20} xs={20} style={{ textAlign: "right" }}>
             {store.authentication.userData.role === "Admin" && (
               <Space
                 size="middle"
@@ -346,7 +351,7 @@ export const DetailUser = observer(() => {
             <Row>
               <Col lg={24} xs={24}>
                 <Row>
-                  <Col lg={12} xs={12}>
+                  <Col span={store.ui.mediaQuery.isMobile ? 24 : 10}>
                     <Row justify={"center"}>
                       <Col lg={12} xs={12}>
                         <Title strong level={3} style={styleSaldoTitle}>
@@ -366,7 +371,7 @@ export const DetailUser = observer(() => {
                       <Col></Col>
                     </Row>
                   </Col>
-                  <Col lg={12} xs={12}>
+                  <Col span={store.ui.mediaQuery.isMobile ? 24 : 10}>
                     <Row justify={"center"}>
                       <Col lg={12} xs={12}>
                         <Title strong level={3} style={styleSaldoTitle}>