Merge pull request #722 from enkryptcom/fix/solana-staking-banner-fix

Fix/solana staking banner fix

Author: kvhnuke

packages/extension/src/libs/banners-state/index.ts

@@ -50,6 +50,6 @@ export default class BannersState {
   async hideSolanaStakingBanner() {
     const state = await this.getOrInitializeState();
     state.isHideSolanStakingBanner = true;
-    this.storage.set(StorageKeys.bannersInfo, state);
+    await this.storage.set(StorageKeys.bannersInfo, state);
   }
 }

…ts/banners/solana-stacking-banner-bg.png …ets/banners/solana-staking-banner-bg.pngpackages/extension/src/ui/action/assets/banners/solana-stacking-banner-bg.png renamed to packages/extension/src/ui/action/assets/banners/solana-staking-banner-bg.png packages/extension/src/ui/action/assets/banners/solana-stacking-banner-bg.png renamed to packages/extension/src/ui/action/assets/banners/solana-staking-banner-bg.png

@@ -1,16 +1,16 @@
 <template>
-  <div class="solana-stacking-banner">
-    <img src="@action/assets/banners/solana-stacking-banner.png" alt="" />
+  <div class="solana-staking-banner">
+    <img src="@action/assets/banners/solana-staking-banner.png" alt="" />
 
-    <div class="solana-stacking-banner__content">
+    <div class="solana-staking-banner__content">
       <enkrypt-staking-logo />
       <h5>Put your SOL to work — safely & easily.</h5>
       <a href="javascript:void(0);" @click="openStakingLink" class="button"
         ><span>Start Staking Now</span></a
       >
     </div>
 
-    <a class="solana-stacking-banner__close" @click="close">
+    <a class="solana-staking-banner__close" @click="close">
       <close-icon />
     </a>
   </div>
@@ -41,7 +41,7 @@ const openStakingLink = async () => {
 <style lang="less">
 @import '@action/styles/theme.less';
 
-.solana-stacking-banner {
+.solana-staking-banner {
   position: absolute;
   width: 324px;
   height: 128px;

…rs/solana-stacking-banner-tokens-img.png …ers/solana-staking-banner-tokens-img.pngpackages/extension/src/ui/action/assets/banners/solana-stacking-banner-tokens-img.png renamed to packages/extension/src/ui/action/assets/banners/solana-staking-banner-tokens-img.png packages/extension/src/ui/action/assets/banners/solana-stacking-banner-tokens-img.png renamed to packages/extension/src/ui/action/assets/banners/solana-staking-banner-tokens-img.png

@@ -159,8 +159,8 @@
 
     <!-- Banners -->
     <solana-staking-banner
-      v-if="isSolanaStackingBanner && isExpanded"
-      @close="closeSolanaStackingBanner"
+      v-if="isSolanaStakingBanner && isExpanded"
+      @close="closeSolanaStakingBanner"
     />
   </div>
 </template>
@@ -269,7 +269,7 @@ onMounted(async () => {
     net => !usedNetworks.swap.includes(net),
   );
   if (await bannersState.showSolanaStakingBanner()) {
-    isSolanaStackingBanner.value = true;
+    isSolanaStakingBanner.value = true;
   }
 });
 
@@ -541,11 +541,11 @@ const updateGradient = (newGradient: string) => {
 /** ------------------
  * Banners
  ------------------*/
-const isSolanaStackingBanner = ref(false);
+const isSolanaStakingBanner = ref(false);
 const bannersState = new BannersState();
 
-const closeSolanaStackingBanner = () => {
-  isSolanaStackingBanner.value = false;
+const closeSolanaStakingBanner = () => {
+  isSolanaStakingBanner.value = false;
   bannersState.hideSolanaStakingBanner();
 };
 </script>

…ssets/banners/solana-stacking-banner.png …assets/banners/solana-staking-banner.pngpackages/extension/src/ui/action/assets/banners/solana-stacking-banner.png renamed to packages/extension/src/ui/action/assets/banners/solana-staking-banner.png packages/extension/src/ui/action/assets/banners/solana-stacking-banner.png renamed to packages/extension/src/ui/action/assets/banners/solana-staking-banner.png

@@ -6,12 +6,12 @@
       class="network-assets-solana-staking-banner__wrap"
     >
       <img
-        src="@action/assets/banners/solana-stacking-banner-bg.png"
+        src="@action/assets/banners/solana-staking-banner-bg.png"
         class="network-assets-solana-staking-banner__bg"
         alt=""
       />
       <img
-        src="@action/assets/banners/solana-stacking-banner-tokens-img.png"
+        src="@action/assets/banners/solana-staking-banner-tokens-img.png"
         class="network-assets-solana-staking-banner__image"
         alt=""
       />

packages/extension/src/ui/action/components/app-menu/components/solana-staking-banner.vue

@@ -15,8 +15,8 @@
 
           <!-- Banners -->
           <network-assets-solana-staking-banner
-            v-if="isSolanaStackingBanner && selectedNetworkName == 'SOLANA'"
-            @close="closeSolanaStackingBanner"
+            v-if="isSolanaStakingBanner && selectedNetworkName == 'SOLANA'"
+            @close="closeSolanaStakingBanner"
           />
 
           <network-activity-action v-bind="$attrs" />
@@ -143,14 +143,14 @@ const selectedNetworkName = computed(() => props.network.name);
 const selectedSubnetwork = computed(() => props.subnetwork);
 const showAddCustomTokens = ref(false);
 
-const isSolanaStackingBanner = ref(false);
+const isSolanaStakingBanner = ref(false);
 const bannersState = new BannersState();
 
 watch([selectedAddress, selectedNetworkName, selectedSubnetwork], updateAssets);
 onMounted(async () => {
   updateAssets();
   if (await bannersState.showNetworkAssetsSolanaStakingBanner()) {
-    isSolanaStackingBanner.value = true;
+    isSolanaStakingBanner.value = true;
   }
 });
 
@@ -181,8 +181,8 @@ const addCustomAsset = (asset: AssetsType) => {
   }
 };
 
-const closeSolanaStackingBanner = () => {
-  isSolanaStackingBanner.value = false;
+const closeSolanaStakingBanner = () => {
+  isSolanaStakingBanner.value = false;
   bannersState.hideNetworkAssetsSolanaStakingBanner();
 };
 </script>