diff --git a/src/pages/Membership/DetailUser.js b/src/pages/Membership/DetailUser.js
index c85f3c0..38f178f 100644
--- a/src/pages/Membership/DetailUser.js
+++ b/src/pages/Membership/DetailUser.js
@@ -43,7 +43,6 @@ export const DetailUser = observer(() => {
       modalLoader.setLoading(false);
     })();
 
-
     return () => {
       store.membership.dataDetail = {};
       store.transaction.dataHistoryTopUp = [];
@@ -266,9 +265,16 @@ export const DetailUser = observer(() => {
         justifyContent: "center",
       }
     : null;
-    console.log(JSON.parse(store.authentication.dataProfit.userDetail?.image_store)," ini dia")
-    const data = JSON.parse(store.authentication.dataProfit.userDetail?.image_store)
-    console.log(data,"ini data")
+  // console.log(
+  //   JSON.parse(store.authentication.dataProfit.userDetail?.image_store),
+  //   " ini dia"
+  // );
+  const data = store.authentication.listImage;
+  console.log(data, "ini data");
+  console.log(
+    store.authentication.dataProfit.userDetail?.image_identity,
+    "detail"
+  );
   return (
     <div className={["ppob-container"].join(" ")}>
       <BreadcumbComponent data={routeData} />
@@ -308,19 +314,25 @@ export const DetailUser = observer(() => {
                       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,
+                      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.username)
+                    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.username);
                     setVisibleModal(true);
                   }}
                 >
@@ -409,9 +421,46 @@ export const DetailUser = observer(() => {
                   <Col span={12}>
                     <Text strong>Foto Identitas</Text>
                   </Col>
+                  <Col span={12}></Col>
                   <Col span={12}>
-                    <Text strong>Foto Toko</Text>
+                    <Text>
+                      <Image
+                        src={
+                          store.authentication.dataProfit.userDetail
+                            ?.image_identity
+                            ? `${appConfig.apiUrl}/config/image/${store.authentication.dataProfit.userDetail?.image_identity}`
+                            : "https://st4.depositphotos.com/14953852/24787/v/600/depositphotos_247872612-stock-illustration-no-image-available-icon-vector.jpg"
+                        }
+                        style={{ width: "10vw",marginLeft:10 }}
+                      />
+                    </Text>
                   </Col>
+                  <Col span={24}>
+                    <Text strong>Foto Toko</Text>
+                    <Text>
+                      <Row>
+                        {data.map((item) => (
+                          <Image
+                            src={
+                              store.authentication.dataProfit.userDetail
+                                ?.image_store
+                                ? `${appConfig.apiUrl}/config/image/${item}`
+                                : "https://st4.depositphotos.com/14953852/24787/v/600/depositphotos_247872612-stock-illustration-no-image-available-icon-vector.jpg"
+                            }
+                            style={{ width: "10vw",marginRight:15 }}
+                          />
+                        ))}
+                      </Row>
+                    </Text>
+                  </Col>
+                </Row>
+              )}
+              {store.authentication.userData.role === "Admin" && (
+                <Row>
+                  <Col span={12}>
+                    <Text strong>Foto Identitas</Text>
+                  </Col>
+                  <Col span={12}></Col>
                   <Col span={12}>
                     <Text>
                       <Image
@@ -425,60 +474,27 @@ export const DetailUser = observer(() => {
                       />
                     </Text>
                   </Col>
-                 
-                  <Col span={12}>
-                  
-                        <Text>
-                        {data.map((item)=>{
-                          <Image
-                          src={
-                            store.authentication.dataProfit.userDetail
-                              ?.image_store
-                              ? `${appConfig.apiUrl}/config/image/${item}`
-                              : "https://st4.depositphotos.com/14953852/24787/v/600/depositphotos_247872612-stock-illustration-no-image-available-icon-vector.jpg"
-                          }
-                          style={{ width: "10vw" }}
-                        />
-                      })}
-                        </Text>
-                        
-                  </Col>
-                
-                </Row>
-              )}
-              {store.authentication.userData.role === "Admin" && (
-                <Row>
-                  <Col span={12}>
-                    <Text strong>Foto Identitas</Text>
-                  </Col>
-                  <Col span={12}>
+                  <Col span={24}>
                     <Text strong>Foto Toko</Text>
-                  </Col>
-                  <Col span={12}>
                     <Text>
-                      <Image
-                        src={
-                          store.authentication.dataProfit.userDetail?.image_identity
-                            ? "https://st4.depositphotos.com/14953852/24787/v/600/depositphotos_247872612-stock-illustration-no-image-available-icon-vector.jpg"
-                            : `${appConfig.apiUrl}/config/image/${store.authentication.dataProfit.userDetail?.image_identity}`}
-                        style={{ width: "10vw" }}
-                      />
-                    </Text>
-                  </Col>
-                  <Col span={12}>
-                    <Text>
-                      <Image
-                        src={
-                          store.authentication.dataProfit.userDetail
-                            ?.image_store
-                            ?"https://st4.depositphotos.com/14953852/24787/v/600/depositphotos_247872612-stock-illustration-no-image-available-icon-vector.jpg"
-                            :  `${appConfig.apiUrl}/config/image/${store.authentication.dataProfit.userDetail?.image_store}` }
-                        style={{ width: "10vw" }}
-                      />
+                      <Row>
+                        {data.map((item) => (
+                          <Image
+                            src={
+                              store.authentication.dataProfit.userDetail
+                                ?.image_store
+                                ? `${appConfig.apiUrl}/config/image/${item}`
+                                : "https://st4.depositphotos.com/14953852/24787/v/600/depositphotos_247872612-stock-illustration-no-image-available-icon-vector.jpg"
+                            }
+                            style={{ width: "10vw",marginRight:15 }}
+                          />
+                        ))}
+                      </Row>
                     </Text>
                   </Col>
                 </Row>
               )}
+             
               {store.authentication.userData.role === "Supervisor" && (
                 <Row>
                   <Col span={12}>
@@ -491,7 +507,7 @@ export const DetailUser = observer(() => {
                         src={
                           store.authentication.dataProfit.userDetail
                             ?.image_identity
-                            ? `${appConfig.apiUrl}/config/image/${store.authentication.profileData.userDetail?.image_identity}`
+                            ? `${appConfig.apiUrl}/config/image/${store.authentication.dataProfit.userDetail?.image_identity}`
                             : "https://st4.depositphotos.com/14953852/24787/v/600/depositphotos_247872612-stock-illustration-no-image-available-icon-vector.jpg"
                         }
                         style={{ width: "10vw" }}
@@ -639,7 +655,7 @@ export const DetailUser = observer(() => {
                     itemLayout="horizontal"
                     position={"top"}
                     pagination={{
-                      onChange: async (page,pageSize) => {
+                      onChange: async (page, pageSize) => {
                         store.transaction.pageSize = pageSize;
                         store.transaction.page = page - 1;
                         modalLoader.setLoading(true);
diff --git a/src/pages/Membership/Membership.js b/src/pages/Membership/Membership.js
index 99f4899..2b69f45 100644
--- a/src/pages/Membership/Membership.js
+++ b/src/pages/Membership/Membership.js
@@ -359,7 +359,6 @@ export const Membership = observer(() => {
                   ? store.membership.dataMember
                   : store.membership.data
               }
-              bordered
               pagination={{
                 pageSize: store.membership.pageSize,
                 total:
diff --git a/src/pages/Profile/Profile.js b/src/pages/Profile/Profile.js
index 3e91a33..e5bc13c 100644
--- a/src/pages/Profile/Profile.js
+++ b/src/pages/Profile/Profile.js
@@ -256,7 +256,7 @@ export const Profile = observer(() => {
                   {store.authentication.profileData.superior?.username}
                 </Text>
               </Col>
-              {store.authentication.userData.role === "Retail" && (
+              {/* {store.authentication.userData.role === "Retail" && (
                 <Row>
                   <Col span={12}>
                     <Text strong>Foto Identitas</Text>
@@ -291,6 +291,48 @@ export const Profile = observer(() => {
                     </Text>
                   </Col>
                 </Row>
+              )} */}
+              {store.authentication.userData.role === "Retail" && (
+                <Row>
+                  <Col span={12}>
+                    <Text strong>Foto Identitas</Text>
+                  </Col>
+                  <Col span={12}></Col>
+                  <Col span={12}>
+                    <Text>
+                      <Image
+                        src={
+                          store.authentication.profileData.userDetail
+                            ?.image_identity
+                            ? `${appConfig.apiUrl}/config/image/${store.authentication.profileData.userDetail?.image_identity}`
+                            : "https://st4.depositphotos.com/14953852/24787/v/600/depositphotos_247872612-stock-illustration-no-image-available-icon-vector.jpg"
+                        }
+                        style={{ width: "10vw" }}
+                      />
+                    </Text>
+                  </Col>
+                  <Col span={24}>
+                    <Text strong>Foto Toko</Text>
+                    <Text>
+                      <Row>
+                        {JSON.parse(
+                          store.authentication.profileData.userDetail
+                            ?.image_store
+                        ).map((item) => (
+                          <Image
+                            src={
+                              store.authentication.profileData.userDetail
+                                ?.image_store
+                                ? `${appConfig.apiUrl}/config/image/${item}`
+                                : "https://st4.depositphotos.com/14953852/24787/v/600/depositphotos_247872612-stock-illustration-no-image-available-icon-vector.jpg"
+                            }
+                            style={{ width: "10vw", marginRight: 15 }}
+                          />
+                        ))}
+                      </Row>
+                    </Text>
+                  </Col>
+                </Row>
               )}
               {/* {store.authentication.userData.role === "Supervisor" && (
                 <Row>
@@ -402,16 +444,16 @@ export const Profile = observer(() => {
                   dataSource={store.transaction.dataHistoryTransaction}
                   pagination={{
                     onChange: async (page, pageSize) => {
-                      console.log(page,'Page')
-                      console.log(pageSize,'Page size')
+                      console.log(page, "Page");
+                      console.log(pageSize, "Page size");
                       store.transaction.pageSizeHistoryTransaction = pageSize;
-                      store.transaction.pageHistoryTransaction = page -1;
+                      store.transaction.pageHistoryTransaction = page - 1;
                       modalLoader.setLoading(true);
                       await store.transaction.getDataHistoryTransaction();
                       modalLoader.setLoading(false);
                     },
                     pageSize: store.transaction.pageSizeHistoryTransaction,
-                    total:store.transaction.total_dataHistoryTransaction,
+                    total: store.transaction.total_dataHistoryTransaction,
                     current: store.transaction.pageHistoryTransaction + 1,
                     style: { marginBottom: "1rem", marginRight: "1rem" },
                   }}
diff --git a/src/store/authentication.js b/src/store/authentication.js
index f6eee2e..eb4121e 100644
--- a/src/store/authentication.js
+++ b/src/store/authentication.js
@@ -8,7 +8,8 @@ export class Authentication {
   isLoginLoading = false;
   ctx;
   profileData = {};
-  dataProfit=[]
+  dataProfit=[];
+  listImage=[];
 
   constructor(ctx) {
     this.ctx = ctx;
@@ -57,6 +58,7 @@ export class Authentication {
       const response = await http.get(`/auth/profile/${id}`);
       console.log(response)
       this.dataProfit = response.body ?? [];
+      this.listImage = this.dataProfit.userDetail ? JSON.parse(this.dataProfit.userDetail?.image_store) : [];
       this.total_data = response?.body?.count ?? 0;
     } catch (e) {
       console.error(e);