diff --git a/src/pages/Membership/DetailUser.js b/src/pages/Membership/DetailUser.js
index 435ba80..d3eed8f 100644
--- a/src/pages/Membership/DetailUser.js
+++ b/src/pages/Membership/DetailUser.js
@@ -163,7 +163,7 @@ export const DetailUser = observer(() => {
     {
       title: "Pengirim",
       dataIndex: "sender_name",
-      key: "sender_name"
+      key: "sender_name",
     },
     {
       title: "Nominal",
@@ -396,8 +396,8 @@ export const DetailUser = observer(() => {
             Detail User
           </Title>
           <Col
-            lg={store.authentication.userData.role === "Admin" ? 18 : 17}
-            xs={store.authentication.userData.role === "Admin" ? 18 : 17}
+            lg={store.authentication.userData.role === "Admin" ? 18 : 13}
+            xs={store.authentication.userData.role === "Admin" ? 18 : 13}
             style={{ textAlign: "right" }}
           >
             <Space
@@ -406,73 +406,79 @@ export const DetailUser = observer(() => {
               wrap={true}
               style={{ textAlign: "center" }}
             >
-              <Button
-                type={
-                  store.membership.dataDetail.is_active === true
-                    ? "danger"
-                    : "primary"
-                }
-                onClick={() =>
-                  changeStatus(
-                    store.membership.dataDetail.id,
-                    store.membership.dataDetail.is_active
-                  )
-                }
-              >
-                {store.membership.dataDetail.is_active === true
-                  ? "Inactive"
-                  : "Active"}
-              </Button>
-              <Button
-                onClick={() => {
-                  setInitialData({
-                    id: store.membership.dataDetail.id,
-                    name: store.membership.dataDetail.userDetail.name,
-                    username: store.membership.dataDetail.username,
-                    identity_number:
-                      store.membership.dataDetail.userDetail.identity_number,
-                    image_identity:
-                      store.membership.dataDetail?.userDetail.image_identity,
-                    image_store:
-                      store.membership.dataDetail?.userDetail.image_store,
-                    phone_number:
-                      store.membership.dataDetail.userDetail.phone_number,
-                    roleId: store.membership.dataDetail.roles.id,
-                    isChangePassword: false,
-                  });
-                  console.log(
-                    store.membership.dataDetail.userDetail.identity_number
-                  );
-                  console.log(store.membership.dataDetail.userDetail.id);
-                  console.log(
-                    store.membership.dataDetail.userDetail.image_identity
-                  );
-                  console.log(
-                    store.membership.dataDetail.userDetail.image_store,
-                    "ini store"
-                  );
-                  console.log(store.membership.dataDetail.username);
-                  setVisibleModal(true);
-                }}
-              >
-                Edit
-              </Button>
-              <Button
-                onClick={() => {
-                  setInitialData({
-                    id: store.membership.dataDetail.id,
-                    name: store.membership.dataDetail.userDetail.name,
-                    username: store.membership.dataDetail.username,
-                    phone_number:
-                      store.membership.dataDetail.userDetail.phone_number,
-                    roleId: store.membership.dataDetail.roles.id,
-                    isChangePassword: true,
-                  });
-                  setVisibleModal(true);
-                }}
-              >
-                Ganti Password
-              </Button>
+              {store.authentication.userData.role === "Admin" && (
+                <Space>
+                  <Button
+                    type={
+                      store.membership.dataDetail.is_active === true
+                        ? "danger"
+                        : "primary"
+                    }
+                    onClick={() =>
+                      changeStatus(
+                        store.membership.dataDetail.id,
+                        store.membership.dataDetail.is_active
+                      )
+                    }
+                  >
+                    {store.membership.dataDetail.is_active === true
+                      ? "Inactive"
+                      : "Active"}
+                  </Button>
+                  <Button
+                    onClick={() => {
+                      setInitialData({
+                        id: store.membership.dataDetail.id,
+                        name: store.membership.dataDetail.userDetail.name,
+                        username: store.membership.dataDetail.username,
+                        identity_number:
+                          store.membership.dataDetail.userDetail
+                            .identity_number,
+                        image_identity:
+                          store.membership.dataDetail?.userDetail
+                            .image_identity,
+                        image_store:
+                          store.membership.dataDetail?.userDetail.image_store,
+                        phone_number:
+                          store.membership.dataDetail.userDetail.phone_number,
+                        roleId: store.membership.dataDetail.roles.id,
+                        isChangePassword: false,
+                      });
+                      console.log(
+                        store.membership.dataDetail.userDetail.identity_number
+                      );
+                      console.log(store.membership.dataDetail.userDetail.id);
+                      console.log(
+                        store.membership.dataDetail.userDetail.image_identity
+                      );
+                      console.log(
+                        store.membership.dataDetail.userDetail.image_store,
+                        "ini store"
+                      );
+                      console.log(store.membership.dataDetail.username);
+                      setVisibleModal(true);
+                    }}
+                  >
+                    Edit
+                  </Button>
+                  <Button
+                    onClick={() => {
+                      setInitialData({
+                        id: store.membership.dataDetail.id,
+                        name: store.membership.dataDetail.userDetail.name,
+                        username: store.membership.dataDetail.username,
+                        phone_number:
+                          store.membership.dataDetail.userDetail.phone_number,
+                        roleId: store.membership.dataDetail.roles.id,
+                        isChangePassword: true,
+                      });
+                      setVisibleModal(true);
+                    }}
+                  >
+                    Ganti Password
+                  </Button>
+                </Space>
+              )}
               {((store.authentication.userData.role === "Sales" &&
                 store.membership.dataDetail.is_rejected === true &&
                 store.membership.dataDetail.is_active === false) ||
diff --git a/src/store/transaction.js b/src/store/transaction.js
index 4c481de..a934936 100644
--- a/src/store/transaction.js
+++ b/src/store/transaction.js
@@ -171,7 +171,7 @@ export class Transaction {
   async getDataHistoryTopUpProfile(id) {
     try {
       const response = await http.get(
-        `/transaction/history-deposit-profile?page=${this.page}&pageSize=${this.pageSize}&user-destination=${id}`
+        `/transaction/history-deposit-profile?page=${this.page}&pageSize=${this.pageSize}&user-destination=${id}&start=${this.filterStart}&end=${this.filterEnd}`
       );
       console.log(response,'get data history Profile')
       this.dataHistoryTopUpProfile = response.body.data ?? [];