Release: v2.4.0

packages/extension/src/providers/ethereum/ui/styles/common-popup.less

@@ -4,6 +4,9 @@
   width: 100%;
   height: 100%;
   padding-left: 30px;
+  h2 {
+    word-break: normal !important;
+  }
 
   &__header {
     padding: 28px 0 8px 0;

packages/extension/src/ui/action/components/network-menu/index.vue

@@ -3,31 +3,35 @@
     <router-link
       v-if="network"
       :to="{ name: 'assets', params: { id: !!selected ? selected : null } }"
+      exact-active-class="router-link-active"
     >
-      <Assets /><br />Assets
+      <Assets :is-active="route.name === 'assets'" /><br />Assets
     </router-link>
     <router-link
       :to="{
         name: 'activity',
         params: { id: !!selected ? selected : null },
       }"
+      exact-active-class="router-link-active"
     >
-      <Activity /><br />Activity
+      <Activity :is-active="route.name === 'activity'" /><br />Activity
     </router-link>
     <router-link
       v-if="(network as EvmNetwork).NFTHandler"
       :to="{ name: 'nfts', params: { id: !!selected ? selected : null } }"
+      exact-active-class="router-link-active"
     >
-      <NFTs /><br />NFTs
+      <NFTs :is-active="route.name === 'nfts'" /><br />NFTs
     </router-link>
     <router-link
       v-if="DappList[network.name]"
       :to="{
         name: 'dapps',
         params: { id: !!selected ? selected : null },
       }"
+      exact-active-class="router-link-active"
     >
-      <DApps /><br />DApps
+      <DApps :is-active="route.name === 'dapps'" /><br />DApps
     </router-link>
   </div>
 </template>
@@ -41,6 +45,7 @@ import { PropType } from 'vue';
 import DappList from '@/libs/dapp-list';
 import { BaseNetwork } from '@/types/base-network';
 import { EvmNetwork } from '@/providers/ethereum/types/evm-network';
+import { useRoute } from 'vue-router';
 
 defineProps({
   selected: {
@@ -52,6 +57,8 @@ defineProps({
     default: () => ({}),
   },
 });
+
+const route = useRoute();
 </script>
 
 <style lang="less">
@@ -85,20 +92,22 @@ defineProps({
     text-align: center;
     letter-spacing: 0.5px;
     color: @primaryLabel;
-    opacity: 0.6;
+    opacity: 1;
     transition: opacity 300ms ease-in-out;
 
     svg {
       margin-bottom: 1px;
     }
 
     &:hover {
-      opacity: 0.9;
+      opacity: 0.6 !important;
     }
   }
 
   .router-link-active {
-    opacity: 1 !important;
+    &:hover {
+      opacity: 1 !important;
+    }
   }
 }
 </style>

packages/extension/src/ui/action/icons/tabs/activity.vue

@@ -1,22 +1,50 @@
 <template>
-  <svg
-    width="28"
-    height="28"
-    viewBox="0 0 28 28"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M9.28 5H18.72C19.6771 5 20.2746 5.00156 20.7246 5.03832C21.1512 5.07317 21.2662 5.12945 21.2902 5.14169C21.5348 5.26633 21.7337 5.4652 21.8583 5.70981C21.8705 5.73383 21.9268 5.84883 21.9617 6.27543C21.9984 6.72538 22 7.32291 22 8.28V19.72C22 20.6771 21.9984 21.2746 21.9617 21.7246C21.9268 22.1512 21.8705 22.2662 21.8583 22.2902C21.7337 22.5348 21.5348 22.7337 21.2902 22.8583C21.2662 22.8705 21.1512 22.9268 20.7246 22.9617C20.2746 22.9984 19.6771 23 18.72 23H9.28C8.32291 23 7.72538 22.9984 7.27543 22.9617C6.84883 22.9268 6.73383 22.8705 6.70981 22.8583C6.4652 22.7337 6.26633 22.5348 6.14169 22.2902C6.12945 22.2662 6.07317 22.1512 6.03832 21.7246C6.00156 21.2746 6 20.6771 6 19.72V8.28C6 7.32291 6.00156 6.72538 6.03832 6.27543C6.07317 5.84883 6.12945 5.73383 6.14169 5.70981C6.26633 5.4652 6.4652 5.26633 6.70981 5.14169C6.73383 5.12945 6.84883 5.07317 7.27543 5.03832C7.72538 5.00156 8.32291 5 9.28 5ZM4 8.28C4 6.43183 4 5.50774 4.35968 4.80183C4.67606 4.1809 5.1809 3.67606 5.80183 3.35968C6.50774 3 7.43183 3 9.28 3H18.72C20.5682 3 21.4923 3 22.1982 3.35968C22.8191 3.67606 23.3239 4.1809 23.6403 4.80183C24 5.50774 24 6.43183 24 8.28V19.72C24 21.5682 24 22.4923 23.6403 23.1982C23.3239 23.8191 22.8191 24.3239 22.1982 24.6403C21.4923 25 20.5682 25 18.72 25H9.28C7.43183 25 6.50774 25 5.80183 24.6403C5.1809 24.3239 4.67606 23.8191 4.35968 23.1982C4 22.4923 4 21.5682 4 19.72V8.28ZM9 7C8.44772 7 8 7.44772 8 8C8 8.55228 8.44772 9 9 9C9.55228 9 10 8.55228 10 8C10 7.44772 9.55228 7 9 7ZM12 8C12 7.44772 12.4477 7 13 7H19C19.5523 7 20 7.44772 20 8C20 8.55228 19.5523 9 19 9H13C12.4477 9 12 8.55228 12 8ZM12 12C12 11.4477 12.4477 11 13 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H13C12.4477 13 12 12.5523 12 12ZM13 15C12.4477 15 12 15.4477 12 16C12 16.5523 12.4477 17 13 17H19C19.5523 17 20 16.5523 20 16C20 15.4477 19.5523 15 19 15H13ZM12 20C12 19.4477 12.4477 19 13 19H19C19.5523 19 20 19.4477 20 20C20 20.5523 19.5523 21 19 21H13C12.4477 21 12 20.5523 12 20ZM8 12C8 11.4477 8.44772 11 9 11C9.55228 11 10 11.4477 10 12C10 12.5523 9.55228 13 9 13C8.44772 13 8 12.5523 8 12ZM9 15C8.44772 15 8 15.4477 8 16C8 16.5523 8.44772 17 9 17C9.55228 17 10 16.5523 10 16C10 15.4477 9.55228 15 9 15ZM8 20C8 19.4477 8.44772 19 9 19C9.55228 19 10 19.4477 10 20C10 20.5523 9.55228 21 9 21C8.44772 21 8 20.5523 8 20Z"
-      fill="#202124"
-    />
-  </svg>
+  <div>
+    <svg
+      v-if="isActive"
+      width="28"
+      height="28"
+      viewBox="0 0 28 28"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M5.46447 4.46447C4 5.92893 4 8.28635 4 13.0012V14.9988C4 19.7136 4 22.0711 5.46447 23.5355C6.92893 25 9.28595 25 14 25C18.714 25 21.0711 25 22.5355 23.5355C24 22.0711 24 19.7136 24 14.9988V13.0012C24 8.28635 24 5.92893 22.5355 4.46447C21.0711 3 18.714 3 14 3C9.28595 3 6.92893 3 5.46447 4.46447ZM8.5 9C8.5 8.44772 8.94772 8 9.5 8C10.0523 8 10.5 8.44772 10.5 9C10.5 9.55228 10.0523 10 9.5 10C8.94772 10 8.5 9.55228 8.5 9ZM11.5 9C11.5 8.44772 11.9477 8 12.5 8H18.5C19.0523 8 19.5 8.44772 19.5 9C19.5 9.55228 19.0523 10 18.5 10H12.5C11.9477 10 11.5 9.55228 11.5 9ZM12.5 13C11.9477 13 11.5 13.4477 11.5 14C11.5 14.5523 11.9477 15 12.5 15H18.5C19.0523 15 19.5 14.5523 19.5 14C19.5 13.4477 19.0523 13 18.5 13H12.5ZM12.5 18C11.9477 18 11.5 18.4477 11.5 19C11.5 19.5523 11.9477 20 12.5 20H18.5C19.0523 20 19.5 19.5523 19.5 19C19.5 18.4477 19.0523 18 18.5 18H12.5ZM8.5 14C8.5 13.4477 8.94772 13 9.5 13C10.0523 13 10.5 13.4477 10.5 14C10.5 14.5523 10.0523 15 9.5 15C8.94772 15 8.5 14.5523 8.5 14ZM8.5 19C8.5 18.4477 8.94772 18 9.5 18C10.0523 18 10.5 18.4477 10.5 19C10.5 19.5523 10.0523 20 9.5 20C8.94772 20 8.5 19.5523 8.5 19Z"
+        fill="black"
+        fill-opacity="0.9"
+      />
+    </svg>
+    <svg
+      v-else
+      width="28"
+      height="28"
+      viewBox="0 0 28 28"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M6.79763 22.1213C6.49898 21.8227 6.23743 21.3597 6.08417 20.2196C5.92319 19.0221 5.91895 17.4128 5.91895 14.9988V14.9948V14.9908V14.9867V14.9827V14.9787V14.9747V14.9706V14.9666V14.9626V14.9586V14.9546V14.9506V14.9466V14.9425V14.9385V14.9345V14.9305V14.9265V14.9225V14.9185V14.9145V14.9105V14.9065V14.9025V14.8985V14.8945V14.8905V14.8866V14.8826V14.8786V14.8746V14.8706V14.8666V14.8626V14.8587V14.8547V14.8507V14.8467V14.8427V14.8388V14.8348V14.8308V14.8269V14.8229V14.8189V14.8149V14.811V14.807V14.8031V14.7991V14.7951V14.7912V14.7872V14.7833V14.7793V14.7753V14.7714V14.7674V14.7635V14.7595V14.7556V14.7516V14.7477V14.7437V14.7398V14.7359V14.7319V14.728V14.724V14.7201V14.7162V14.7122V14.7083V14.7043V14.7004V14.6965V14.6925V14.6886V14.6847V14.6808V14.6768V14.6729V14.669V14.665V14.6611V14.6572V14.6533V14.6494V14.6454V14.6415V14.6376V14.6337V14.6298V14.6259V14.6219V14.618V14.6141V14.6102V14.6063V14.6024V14.5985V14.5946V14.5907V14.5868V14.5829V14.5789V14.575V14.5711V14.5672V14.5633V14.5594V14.5555V14.5516V14.5477V14.5439V14.54V14.5361V14.5322V14.5283V14.5244V14.5205V14.5166V14.5127V14.5088V14.5049V14.501V14.4972V14.4933V14.4894V14.4855V14.4816V14.4777V14.4739V14.47V14.4661V14.4622V14.4583V14.4545V14.4506V14.4467V14.4428V14.4389V14.4351V14.4312V14.4273V14.4234V14.4196V14.4157V14.4118V14.408V14.4041V14.4002V14.3964V14.3925V14.3886V14.3847V14.3809V14.377V14.3731V14.3693V14.3654V14.3616V14.3577V14.3538V14.35V14.3461V14.3422V14.3384V14.3345V14.3307V14.3268V14.3229V14.3191V14.3152V14.3114V14.3075V14.3037V14.2998V14.2959V14.2921V14.2882V14.2844V14.2805V14.2767V14.2728V14.269V14.2651V14.2613V14.2574V14.2536V14.2497V14.2459V14.242V14.2382V14.2343V14.2305V14.2266V14.2228V14.2189V14.2151V14.2112V14.2074V14.2035V14.1997V14.1959V14.192V14.1882V14.1843V14.1805V14.1766V14.1728V14.1689V14.1651V14.1613V14.1574V14.1536V14.1497V14.1459V14.142V14.1382V14.1344V14.1305V14.1267V14.1228V14.119V14.1152V14.1113V14.1075V14.1036V14.0998V14.096V14.0921V14.0883V14.0844V14.0806V14.0768V14.0729V14.0691V14.0652V14.0614V14.0576V14.0537V14.0499V14.0461V14.0422V14.0384V14.0345V14.0307V14.0269V14.023V14.0192V14.0154V14.0115V14.0077V14.0038V14V13.9962V13.9923V13.9885V13.9846V13.9808V13.977V13.9731V13.9693V13.9655V13.9616V13.9578V13.9539V13.9501V13.9463V13.9424V13.9386V13.9348V13.9309V13.9271V13.9232V13.9194V13.9156V13.9117V13.9079V13.904V13.9002V13.8964V13.8925V13.8887V13.8848V13.881V13.8772V13.8733V13.8695V13.8656V13.8618V13.858V13.8541V13.8503V13.8464V13.8426V13.8387V13.8349V13.8311V13.8272V13.8234V13.8195V13.8157V13.8118V13.808V13.8041V13.8003V13.7965V13.7926V13.7888V13.7849V13.7811V13.7772V13.7734V13.7695V13.7657V13.7618V13.758V13.7541V13.7503V13.7464V13.7426V13.7387V13.7349V13.731V13.7272V13.7233V13.7195V13.7156V13.7118V13.7079V13.704V13.7002V13.6963V13.6925V13.6886V13.6848V13.6809V13.6771V13.6732V13.6693V13.6655V13.6616V13.6578V13.6539V13.65V13.6462V13.6423V13.6384V13.6346V13.6307V13.6268V13.623V13.6191V13.6153V13.6114V13.6075V13.6036V13.5998V13.5959V13.592V13.5882V13.5843V13.5804V13.5766V13.5727V13.5688V13.5649V13.5611V13.5572V13.5533V13.5494V13.5455V13.5417V13.5378V13.5339V13.53V13.5261V13.5223V13.5184V13.5145V13.5106V13.5067V13.5028V13.499V13.4951V13.4912V13.4873V13.4834V13.4795V13.4756V13.4717V13.4678V13.4639V13.46V13.4561V13.4522V13.4484V13.4445V13.4406V13.4367V13.4328V13.4289V13.425V13.421V13.4171V13.4132V13.4093V13.4054V13.4015V13.3976V13.3937V13.3898V13.3859V13.382V13.3781V13.3741V13.3702V13.3663V13.3624V13.3585V13.3546V13.3506V13.3467V13.3428V13.3389V13.3349V13.331V13.3271V13.3232V13.3192V13.3153V13.3114V13.3075V13.3035V13.2996V13.2957V13.2917V13.2878V13.2838V13.2799V13.276V13.272V13.2681V13.2641V13.2602V13.2563V13.2523V13.2484V13.2444V13.2405V13.2365V13.2326V13.2286V13.2247V13.2207V13.2167V13.2128V13.2088V13.2049V13.2009V13.1969V13.193V13.189V13.185V13.1811V13.1771V13.1731V13.1692V13.1652V13.1612V13.1573V13.1533V13.1493V13.1453V13.1413V13.1374V13.1334V13.1294V13.1254V13.1214V13.1174V13.1134V13.1095V13.1055V13.1015V13.0975V13.0935V13.0895V13.0855V13.0815V13.0775V13.0735V13.0695V13.0655V13.0615V13.0575V13.0534V13.0494V13.0454V13.0414V13.0374V13.0334V13.0294V13.0253V13.0213V13.0173V13.0133V13.0092V13.0052V13.0012C5.91895 10.5872 5.92319 8.97794 6.08417 7.7804C6.23743 6.64033 6.49898 6.17732 6.79763 5.87868C7.09632 5.57998 7.55929 5.31846 8.69908 5.16522C9.89641 5.00425 11.5054 5 13.9189 5C16.3325 5 17.9415 5.00425 19.1388 5.16522C20.2786 5.31846 20.7416 5.57998 21.0403 5.87868C21.3389 6.17732 21.6005 6.64033 21.7537 7.7804C21.9147 8.97794 21.9189 10.5872 21.9189 13.0012V13.0052V13.0092V13.0133V13.0173V13.0213V13.0253V13.0294V13.0334V13.0374V13.0414V13.0454V13.0494V13.0534V13.0575V13.0615V13.0655V13.0695V13.0735V13.0775V13.0815V13.0855V13.0895V13.0935V13.0975V13.1015V13.1055V13.1095V13.1134V13.1174V13.1214V13.1254V13.1294V13.1334V13.1374V13.1413V13.1453V13.1493V13.1533V13.1573V13.1612V13.1652V13.1692V13.1731V13.1771V13.1811V13.1851V13.189V13.193V13.1969V13.2009V13.2049V13.2088V13.2128V13.2167V13.2207V13.2247V13.2286V13.2326V13.2365V13.2405V13.2444V13.2484V13.2523V13.2563V13.2602V13.2641V13.2681V13.272V13.276V13.2799V13.2838V13.2878V13.2917V13.2957V13.2996V13.3035V13.3075V13.3114V13.3153V13.3192V13.3232V13.3271V13.331V13.335V13.3389V13.3428V13.3467V13.3506V13.3546V13.3585V13.3624V13.3663V13.3702V13.3741V13.3781V13.382V13.3859V13.3898V13.3937V13.3976V13.4015V13.4054V13.4093V13.4132V13.4171V13.4211V13.425V13.4289V13.4328V13.4367V13.4406V13.4445V13.4484V13.4523V13.4561V13.46V13.4639V13.4678V13.4717V13.4756V13.4795V13.4834V13.4873V13.4912V13.4951V13.499V13.5028V13.5067V13.5106V13.5145V13.5184V13.5223V13.5261V13.53V13.5339V13.5378V13.5417V13.5455V13.5494V13.5533V13.5572V13.5611V13.5649V13.5688V13.5727V13.5766V13.5804V13.5843V13.5882V13.592V13.5959V13.5998V13.6036V13.6075V13.6114V13.6153V13.6191V13.623V13.6269V13.6307V13.6346V13.6384V13.6423V13.6462V13.65V13.6539V13.6578V13.6616V13.6655V13.6693V13.6732V13.6771V13.6809V13.6848V13.6886V13.6925V13.6963V13.7002V13.7041V13.7079V13.7118V13.7156V13.7195V13.7233V13.7272V13.731V13.7349V13.7387V13.7426V13.7464V13.7503V13.7541V13.758V13.7618V13.7657V13.7695V13.7734V13.7772V13.7811V13.7849V13.7888V13.7926V13.7965V13.8003V13.8041V13.808V13.8118V13.8157V13.8195V13.8234V13.8272V13.8311V13.8349V13.8387V13.8426V13.8464V13.8503V13.8541V13.858V13.8618V13.8656V13.8695V13.8733V13.8772V13.881V13.8848V13.8887V13.8925V13.8964V13.9002V13.904V13.9079V13.9117V13.9156V13.9194V13.9232V13.9271V13.9309V13.9348V13.9386V13.9424V13.9463V13.9501V13.9539V13.9578V13.9616V13.9655V13.9693V13.9731V13.977V13.9808V13.9846V13.9885V13.9923V13.9962V14V14.0038V14.0077V14.0115V14.0154V14.0192V14.023V14.0269V14.0307V14.0345V14.0384V14.0422V14.0461V14.0499V14.0537V14.0576V14.0614V14.0652V14.0691V14.0729V14.0768V14.0806V14.0844V14.0883V14.0921V14.096V14.0998V14.1036V14.1075V14.1113V14.1152V14.119V14.1228V14.1267V14.1305V14.1344V14.1382V14.142V14.1459V14.1497V14.1536V14.1574V14.1613V14.1651V14.1689V14.1728V14.1766V14.1805V14.1843V14.1882V14.192V14.1959V14.1997V14.2035V14.2074V14.2112V14.2151V14.2189V14.2228V14.2266V14.2305V14.2343V14.2382V14.242V14.2459V14.2497V14.2536V14.2574V14.2613V14.2651V14.269V14.2728V14.2767V14.2805V14.2844V14.2882V14.2921V14.296V14.2998V14.3037V14.3075V14.3114V14.3152V14.3191V14.3229V14.3268V14.3307V14.3345V14.3384V14.3422V14.3461V14.35V14.3538V14.3577V14.3616V14.3654V14.3693V14.3732V14.377V14.3809V14.3847V14.3886V14.3925V14.3964V14.4002V14.4041V14.408V14.4118V14.4157V14.4196V14.4234V14.4273V14.4312V14.4351V14.4389V14.4428V14.4467V14.4506V14.4545V14.4583V14.4622V14.4661V14.47V14.4739V14.4777V14.4816V14.4855V14.4894V14.4933V14.4972V14.501V14.5049V14.5088V14.5127V14.5166V14.5205V14.5244V14.5283V14.5322V14.5361V14.54V14.5439V14.5478V14.5516V14.5555V14.5594V14.5633V14.5672V14.5711V14.575V14.579V14.5829V14.5868V14.5907V14.5946V14.5985V14.6024V14.6063V14.6102V14.6141V14.618V14.6219V14.6259V14.6298V14.6337V14.6376V14.6415V14.6454V14.6494V14.6533V14.6572V14.6611V14.6651V14.669V14.6729V14.6768V14.6808V14.6847V14.6886V14.6925V14.6965V14.7004V14.7043V14.7083V14.7122V14.7162V14.7201V14.724V14.728V14.7319V14.7359V14.7398V14.7437V14.7477V14.7516V14.7556V14.7595V14.7635V14.7674V14.7714V14.7753V14.7793V14.7833V14.7872V14.7912V14.7951V14.7991V14.8031V14.807V14.811V14.815V14.8189V14.8229V14.8269V14.8308V14.8348V14.8388V14.8427V14.8467V14.8507V14.8547V14.8587V14.8626V14.8666V14.8706V14.8746V14.8786V14.8826V14.8866V14.8905V14.8945V14.8985V14.9025V14.9065V14.9105V14.9145V14.9185V14.9225V14.9265V14.9305V14.9345V14.9385V14.9425V14.9466V14.9506V14.9546V14.9586V14.9626V14.9666V14.9706V14.9747V14.9787V14.9827V14.9867V14.9908V14.9948V14.9988C21.9189 17.4128 21.9147 19.0221 21.7537 20.2196C21.6005 21.3597 21.3389 21.8227 21.0403 22.1213C20.7416 22.42 20.2786 22.6815 19.1388 22.8348C17.9415 22.9958 16.3325 23 13.9189 23C11.5054 23 9.89641 22.9958 8.69908 22.8348C7.55929 22.6815 7.09632 22.42 6.79763 22.1213ZM3.91895 13.0012C3.91895 8.28635 3.91895 5.92893 5.38341 4.46447C6.84788 3 9.2049 3 13.9189 3C18.633 3 20.99 3 22.4545 4.46447C23.9189 5.92893 23.9189 8.28635 23.9189 13.0012V14.9988C23.9189 19.7136 23.9189 22.0711 22.4545 23.5355C20.99 25 18.633 25 13.9189 25C9.2049 25 6.84788 25 5.38341 23.5355C3.91895 22.0711 3.91895 19.7136 3.91895 14.9988V13.0012ZM8.41895 9C8.41895 8.44772 8.86666 8 9.41895 8C9.97123 8 10.4189 8.44772 10.4189 9C10.4189 9.55228 9.97123 10 9.41895 10C8.86666 10 8.41895 9.55228 8.41895 9ZM11.4189 9C11.4189 8.44772 11.8667 8 12.4189 8H18.4189C18.9712 8 19.4189 8.44772 19.4189 9C19.4189 9.55228 18.9712 10 18.4189 10H12.4189C11.8667 10 11.4189 9.55228 11.4189 9ZM12.4189 13C11.8667 13 11.4189 13.4477 11.4189 14C11.4189 14.5523 11.8667 15 12.4189 15H18.4189C18.9712 15 19.4189 14.5523 19.4189 14C19.4189 13.4477 18.9712 13 18.4189 13H12.4189ZM12.4189 18C11.8667 18 11.4189 18.4477 11.4189 19C11.4189 19.5523 11.8667 20 12.4189 20H18.4189C18.9712 20 19.4189 19.5523 19.4189 19C19.4189 18.4477 18.9712 18 18.4189 18H12.4189ZM8.41895 14C8.41895 13.4477 8.86666 13 9.41895 13C9.97123 13 10.4189 13.4477 10.4189 14C10.4189 14.5523 9.97123 15 9.41895 15C8.86666 15 8.41895 14.5523 8.41895 14ZM8.41895 19C8.41895 18.4477 8.86666 18 9.41895 18C9.97123 18 10.4189 18.4477 10.4189 19C10.4189 19.5523 9.97123 20 9.41895 20C8.86666 20 8.41895 19.5523 8.41895 19Z"
+        fill="black"
+        fill-opacity="0.6"
+      />
+    </svg>
+  </div>
 </template>
 
+<script setup lang="ts">
+defineProps({
+  isActive: {
+    type: Boolean,
+    default: false,
+  },
+});
+</script>
 <style scoped>
-svg {
+div {
   display: inline-block;
   vertical-align: baseline;
 }