diff --git a/src/assets/common/Whitelist.png b/src/assets/common/Whitelist.png
new file mode 100644
index 0000000..d3bfed4
Binary files /dev/null and b/src/assets/common/Whitelist.png differ
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 2f8d325..eb69abe 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -8,6 +8,16 @@
           </div>
           <div class="left-top-points">
             <div class="left-top-points-left">
+              <li>
+                <div class="top">
+                  <span class="">{{ usesInWhiteList }}</span>
+                  <div>
+                    <img src="./../../assets/common/Whitelist.png" alt />
+                  </div>
+                </div>
+                <div class="btm">Whitelist</div>
+                <!-- <div class="hover-tips">Successful invitations</div> -->
+              </li>
               <li>
                 <div class="top">
                   <span class="">{{ usesInviteCount }}</span>
@@ -623,6 +633,16 @@
               </div>
               <div class="left-top-points">
                 <div class="left-top-points-left">
+                  <li>
+                    <div class="top">
+                      <span class="">{{ usesInWhiteList }}</span>
+                      <div>
+                        <img src="./../../assets/common/Whitelist.png" alt />
+                      </div>
+                    </div>
+                    <div class="btm">Whitelist</div>
+                    <!-- <div class="hover-tips">Successful invitations</div> -->
+                  </li>
                   <li>
                     <div class="top">
                       <span class="">{{ usesInviteCount }}</span>
@@ -755,6 +775,16 @@
               </div>
               <div class="left-top-points">
                 <div class="left-top-points-left">
+                  <li>
+                    <div class="top">
+                      <span class="">{{ usesInWhiteList }}</span>
+                      <div>
+                        <img src="./../../assets/common/Whitelist.png" alt />
+                      </div>
+                    </div>
+                    <div class="btm">Whitelist</div>
+                    <!-- <div class="hover-tips">Successful invitations</div> -->
+                  </li>
                   <li>
                     <div class="top">
                       <span class="">{{ usesInviteCount }}</span>
@@ -1180,6 +1210,9 @@ export default {
     },
     usesEmail() {
       return this.$store.state.user.userData?.gameMail || undefined;
+    },
+    usesInWhiteList() {
+      return this.$store.state.user.userData?.inWhiteList || 0;
     }
   },
   created() {
@@ -2153,8 +2186,8 @@ export default {
             li:nth-child(1) {
               cursor: pointer;
               img {
-                width: 17px;
-                height: 11px;
+                width: 15px;
+                height: 15px;
               }
               &:hover {
                 .hover-tips {
@@ -2163,6 +2196,18 @@ export default {
               }
             }
             li:nth-child(2) {
+              cursor: pointer;
+              img {
+                width: 17px;
+                height: 11px;
+              }
+              &:hover {
+                .hover-tips {
+                  display: block;
+                }
+              }
+            }
+            li:nth-child(3) {
               cursor: pointer;
               img {
                 width: 13px;
@@ -2175,12 +2220,6 @@ export default {
                 }
               }
             }
-            li:nth-child(3) {
-              img {
-                width: 15px;
-                height: 15px;
-              }
-            }
             li:nth-child(4) {
               img {
                 width: 15px;
@@ -2194,6 +2233,12 @@ export default {
               }
             }
             li:nth-child(6) {
+              img {
+                width: 15px;
+                height: 15px;
+              }
+            }
+            li:nth-child(7) {
               img {
                 width: 12px;
                 height: 16px;
@@ -3471,6 +3516,18 @@ export default {
                   }
                 }
                 li:nth-child(1) {
+                  cursor: pointer;
+                  img {
+                    width: 15px;
+                    height: 15px;
+                  }
+                  &:hover {
+                    .hover-tips {
+                      display: block;
+                    }
+                  }
+                }
+                li:nth-child(2) {
                   cursor: pointer;
                   img {
                     width: 17px;
@@ -3482,7 +3539,7 @@ export default {
                     }
                   }
                 }
-                li:nth-child(2) {
+                li:nth-child(3) {
                   cursor: pointer;
                   img {
                     width: 13px;
@@ -3495,7 +3552,7 @@ export default {
                     }
                   }
                 }
-                li:nth-child(3) {
+                li:nth-child(4) {
                   .top {
                     div {
                       img {
@@ -3505,12 +3562,6 @@ export default {
                     }
                   }
                 }
-                li:nth-child(4) {
-                  img {
-                    width: 15px;
-                    height: 15px;
-                  }
-                }
                 li:nth-child(5) {
                   img {
                     width: 15px;
@@ -3518,6 +3569,12 @@ export default {
                   }
                 }
                 li:nth-child(6) {
+                  img {
+                    width: 15px;
+                    height: 15px;
+                  }
+                }
+                li:nth-child(7) {
                   img {
                     width: 12px;
                     height: 16px;
diff --git a/src/views/home/pointsDialog.vue b/src/views/home/pointsDialog.vue
index f3027ee..eef6e7f 100644
--- a/src/views/home/pointsDialog.vue
+++ b/src/views/home/pointsDialog.vue
@@ -29,7 +29,7 @@
         <el-table-column label="Rewards">
           <template slot-scope="{ row }">
             <div v-if="row.score" class="points">
-              <div>
+              <div v-if="row.score > 0">
                 <span>{{ row.score }}</span>
                 <img src="./../../assets/common/Game .png" alt />
               </div>
@@ -41,7 +41,7 @@
                   src="./../../assets/common/common_icon_NFT.png"
                   alt
                 />
-                <img v-else src="./../../assets/common/wallet-yes.png" alt />
+                <img v-else src="./../../assets/common/Whitelist.png" alt />
               </div>
             </div>
           </template>