diff --git a/src/component/ProductComponent.js b/src/component/ProductComponent.js
index 854f78d..62b0cb4 100644
--- a/src/component/ProductComponent.js
+++ b/src/component/ProductComponent.js
@@ -150,7 +150,6 @@ export const ProductComponent = observer((props) => {
       message.error("Gagal menghapus");
     }
   };
-
   const handleDelete = (id) => {
     Modal.confirm({
       title: "Are you sure delete this record?",
diff --git a/src/index.css b/src/index.css
index a7684d2..4f5affd 100644
--- a/src/index.css
+++ b/src/index.css
@@ -82,4 +82,4 @@ code {
 }
 .ant-table-tbody > tr.ant-table-row-level-0:hover > td {
     background: #f0faf8 !important;
-  }
\ No newline at end of file
+  }
diff --git a/src/pages/Membership/Konfirmasi.js b/src/pages/Membership/Konfirmasi.js
index 148b08f..516ceea 100644
--- a/src/pages/Membership/Konfirmasi.js
+++ b/src/pages/Membership/Konfirmasi.js
@@ -372,7 +372,7 @@ export const Konfirmasi = observer(() => {
                                     : "Aktif"}
                                 </Tag>
                               )}
-                              <Button
+                              {item.user_detail?.image_identity !== "" ? <Button
                                 style={
                                   item.is_active === true
                                     ? {
@@ -386,7 +386,8 @@ export const Konfirmasi = observer(() => {
                                 }}
                               >
                                 Foto Identitas
-                              </Button>
+                              </Button>: ""}
+                              
                               {item.user_detail?.image_store !== '""' ? (
                                 <Button
                                   style={
diff --git a/src/pages/Transaction/Pulsa.js b/src/pages/Transaction/Pulsa.js
new file mode 100644
index 0000000..ded433a
--- /dev/null
+++ b/src/pages/Transaction/Pulsa.js
@@ -0,0 +1,121 @@
+import React from "react";
+import {Button, Card, Col, Dropdown, Menu, message, Modal, Row, Space,} from "antd";
+import {DownOutlined, TabletOutlined, UserOutlined} from "@ant-design/icons";
+
+export const Pulsa = () => {
+
+    function handleMenuClick(e) {
+        message.info("Click on menu item.");
+        console.log("click", e);
+    }
+
+    const menu = (
+        <Menu onClick={handleMenuClick}>
+            <Menu.Item key="1" icon={<UserOutlined/>}>
+                1st menu item
+            </Menu.Item>
+            <Menu.Item key="2" icon={<UserOutlined/>}>
+                2nd menu item
+            </Menu.Item>
+            <Menu.Item key="3" icon={<UserOutlined/>}>
+                3rd menu item
+            </Menu.Item>
+        </Menu>
+    );
+
+    function success() {
+        Modal.success({
+            content: 'some messages...some messages...',
+        });
+    }
+
+    const dataCard = [
+        {
+            title: "DATA AXIS BRONET 2GB-60HR",
+            price: "Harga : Rp.6.000",
+        },
+        {
+            title: "DATA AXIS BRONET 2GB-60HR",
+            price: "Harga : Rp.6.000",
+        },
+        {
+            title: "DATA AXIS BRONET 2GB-60HR",
+            price: "Harga : Rp.6.000",
+        },
+        {
+            title: "DATA AXIS BRONET 2GB-60HR",
+            price: "Harga : Rp.6.000",
+        },
+        {
+            title: "DATA AXIS BRONET 2GB-60HR",
+            price: "Harga : Rp.6.000",
+        },
+        {
+            title: "DATA AXIS BRONET 2GB-60HR",
+            price: "Harga : Rp.6.000",
+        },
+        {
+            title: "DATA AXIS BRONET 2GB-60HR",
+            price: "Harga : Rp.6.000",
+        },
+        {
+            title: "DATA AXIS BRONET 2GB-60HR",
+            price: "Harga : Rp.6.000",
+        },
+        {
+            title: "DATA AXIS BRONET 2GB-60HR",
+            price: "Harga : Rp.6.000",
+        },
+        {
+            title: "DATA AXIS BRONET 2GB-60HR",
+            price: "Harga : Rp.6.000",
+        },
+    ]
+
+    return (
+        <div>
+            <Row>
+        <span style={{fontWeight: "bold", marginBottom: "10px"}}>
+          Sub-Category
+        </span>
+            </Row>
+            <Row>
+                <Space wrap>
+                    <Dropdown overlay={menu}>
+                        <Button
+                            style={{
+                                marginBottom: "20px",
+                                color: "grey",
+                            }}
+                        >
+                            <TabletOutlined/>
+                            Select sub-Category
+                            <DownOutlined/>
+                        </Button>
+                    </Dropdown>
+                </Space>
+            </Row>
+            <Row>
+        <span style={{fontWeight: "bold", marginBottom: "10px"}}>
+          Produk & Nominal
+        </span>
+            </Row>
+            <Row>
+                {dataCard.map((item, index) => (
+                    <Col key={index} xs={24} md={16} lg={8}>
+                        <Card onClick={success}>
+                            <span style={{color: "black"}}>{item.title}</span>
+                            <br/>
+                            <span style={{color: "grey", fontSize: 10}}>{item.price}</span>
+                        </Card>
+                    </Col>
+                ))}
+            </Row>
+            <Col style={{textAlign: "right"}}>
+                <Button style={{backgroundColor: "#2D9CDB", color: "white"}}>
+                    Beli Sekarang
+                </Button>
+            </Col>
+        </div>
+  );
+};
diff --git a/src/store/authentication.js b/src/store/authentication.js
index c39bb8f..80d6a3c 100644
--- a/src/store/authentication.js
+++ b/src/store/authentication.js
@@ -2,7 +2,6 @@ import {makeAutoObservable, runInAction} from "mobx";
 import {TokenUtil} from "../utils/token";
 import {http} from "../utils/http";
 
-
 export class Authentication {
   isLoggedIn = false;
   isLoginLoading = false;