diff --git a/src/components/market/HeroBuyTop.vue b/src/components/market/HeroBuyTop.vue
index 1d6d6e6..1376137 100644
--- a/src/components/market/HeroBuyTop.vue
+++ b/src/components/market/HeroBuyTop.vue
@@ -15,7 +15,7 @@
           </div>
           <div class="priece">
             <div class="priece-btn">
-              <span class="priece-number">99999.99</span>
+              <span class="priece-number">{{ hero.s_price ? hero.s_price : " " }}</span>
             </div>
           </div>
         </div>
@@ -26,7 +26,7 @@
 <script>
 
 export default {
-
+ props:['hero']
 }
 </script>
 
diff --git a/src/components/market/TheBuyDialog.vue b/src/components/market/TheBuyDialog.vue
index 79d3e6f..5ed0797 100644
--- a/src/components/market/TheBuyDialog.vue
+++ b/src/components/market/TheBuyDialog.vue
@@ -2,7 +2,7 @@
   <el-dialog :show-close="false" :visible.sync="isBuy">
     <div class="bg"></div>
     <div class="container">
-       <HeroBuyTop></HeroBuyTop>
+      <HeroBuyTop :hero="hero"></HeroBuyTop>
       <div class="priece-bottom">
         <div class="token-usid">
           <div class="token-item-top">
@@ -11,7 +11,7 @@
           </div>
           <div class="token-item">
             <div>Price</div>
-            <div>9999.99</div>
+            <div>{{ hero.s_price ? hero.s_price : " " }}</div>
           </div>
           <div class="token-item-balance">
             <div>Balance</div>
@@ -51,10 +51,10 @@
 </template>
 
 <script>
-import HeroBuyTop from './HeroBuyTop.vue'
+import HeroBuyTop from "./HeroBuyTop.vue";
 export default {
-  props: ["isBuy"],
-  components: {HeroBuyTop},
+  props: ["isBuy", "hero"],
+  components: { HeroBuyTop },
   data() {
     return {
       piece: "",
@@ -173,7 +173,6 @@ export default {
     }
   }
 
-
   .priece-bottom {
     margin-top: 19px;
     .token-usid {
@@ -256,18 +255,17 @@ export default {
           border: 2px solid #557cda;
           border-radius: 50%;
         }
-       
       }
       .progress-neme {
-          display: flex;
-          margin-left: 106px;
-          margin-right: 133px;
-          font-size: 22px;
-          font-weight: 600;
-          color: #ffffff;
-          margin-top: 6px;
-          justify-content: space-between;
-        }
+        display: flex;
+        margin-left: 106px;
+        margin-right: 133px;
+        font-size: 22px;
+        font-weight: 600;
+        color: #ffffff;
+        margin-top: 6px;
+        justify-content: space-between;
+      }
     }
   }
 
diff --git a/src/components/market/filters/Weaponfilter.vue b/src/components/market/filters/Weaponfilter.vue
index e81b9fb..eddb856 100644
--- a/src/components/market/filters/Weaponfilter.vue
+++ b/src/components/market/filters/Weaponfilter.vue
@@ -31,7 +31,7 @@
           </div>
         </div>
         <div class="level-item">
-          <div class="btn-bg">2</div>
+          <div class="btn-bg">Level</div>
           <div class="level-slider">
             <div>
               <Slider
@@ -48,7 +48,7 @@
           </div>
         </div>
         <div class="level-item">
-          <div class="btn-bg">3</div>
+          <div class="btn-bg">durability</div>
           <div class="level-slider">
             <div>
               <Slider
diff --git a/src/components/market/nft/HeroNft.vue b/src/components/market/nft/HeroNft.vue
index ed2e48e..02f5a70 100644
--- a/src/components/market/nft/HeroNft.vue
+++ b/src/components/market/nft/HeroNft.vue
@@ -133,12 +133,14 @@
     <TheSellDialog
       :type="type"
       :isPiecePut="isPiecePut"
+      :hero="data"
       @handPutShow="handPutShow"
       @handPutHide="handPutHide"
     ></TheSellDialog>
     <TheBuyDialog
       :type="type"
       :isBuy="isBuy"
+      :hero="data"
       @handBuyShow="handBuyShow"
       @handBuyHide="handBuyHide"
     ></TheBuyDialog>
diff --git a/src/components/market/nft/PieceNft.vue b/src/components/market/nft/PieceNft.vue
index cd18a66..1957765 100644
--- a/src/components/market/nft/PieceNft.vue
+++ b/src/components/market/nft/PieceNft.vue
@@ -40,7 +40,7 @@
           Lv <span class="level-number">{{ piece.level }}</span>
         </div> -->
           <div class="tree-guard">
-            {{ piece.c_name ? piece.c_name : "Tree guard" }}
+            {{ piece.c_name ? piece.c_name : piece.detail.name }}
           </div>
         </div>
         <div class="lease-listing" v-if="isType == 'mynft'">
diff --git a/src/views/desktop/MyNft.vue b/src/views/desktop/MyNft.vue
index ecd69b1..9fefa69 100644
--- a/src/views/desktop/MyNft.vue
+++ b/src/views/desktop/MyNft.vue
@@ -319,7 +319,7 @@ export default class MyNft extends Vue {
 
     {
       value: 110120,
-      label: "Left arm",
+      label: "Left Arm",
     },
 
     {
@@ -329,7 +329,7 @@ export default class MyNft extends Vue {
 
     {
       value: 110140,
-      label: "Left leg",
+      label: "Left Leg",
     },
     {
       value: 110150,
@@ -341,11 +341,11 @@ export default class MyNft extends Vue {
     },
     {
       value: 110170,
-      label: "Right arm",
+      label: "Right Arm",
     },
     {
       value: 110180,
-      label: "Right leg",
+      label: "Right Leg",
     },
     {
       value: 110200,
@@ -511,6 +511,8 @@ export default class MyNft extends Vue {
     console.log(hero, "herio2020");
   }
   handSelect(value: string) {
+    console.log(value,'value');
+    
     this.searchFilters = value;
     this.getHeroNftList(this.starts);
   }
@@ -613,7 +615,11 @@ export default class MyNft extends Vue {
     this.searchFilters = value;
     this.debounce();
   }
-  handPieceSelect() {}
+  handPieceSelect(value: any) {
+     console.log(value,'value');
+    this.searchFilters = value;
+    this.getHeroNftList(this.starts);
+  }
   toPage(pageNo: number) {
     console.log("to page: ", pageNo);
     // this.currentPage = pageNo