Release 1.27.0

env.json

@@ -14,7 +14,7 @@
     "charts": true,
     "soraCard": true
   },
-  "SUBQUERY_ENDPOINT": "https://api.subquery.network/sq/sora-xor/sora-prod-sub4",
+  "SUBQUERY_ENDPOINT": "https://subquery.q1.prd.sora2.soramitsu.co.jp",
   "SUBSQUID_ENDPOINT": "",
   "DEFAULT_NETWORKS": [
     {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "polkaswap-exchange-web",
-  "version": "1.26.1",
+  "version": "1.27.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/sora-xor/polkaswap-exchange-web.git"
@@ -24,8 +24,8 @@
   },
   "dependencies": {
     "@metamask/detect-provider": "^2.0.0",
-    "@soramitsu/soraneo-wallet-web": "1.26.5",
-    "@walletconnect/ethereum-provider": "^2.10.4",
+    "@soramitsu/soraneo-wallet-web": "1.27.3",
+    "@walletconnect/ethereum-provider": "^2.11.0",
     "@walletconnect/modal": "^2.6.2",
     "core-js": "^3.33.2",
     "country-code-emoji": "^2.3.0",

public/env.json

@@ -34,7 +34,7 @@
       "address": "wss://ws.framenode-3.r0.dev.sora2.soramitsu.co.jp"
     }
   ],
-  "SUBQUERY_ENDPOINT": "https://api.subquery.network/sq/sora-xor/sora-dev",
+  "SUBQUERY_ENDPOINT": "https://subquery.sq1.dev.sora2.soramitsu.co.jp",
   "SUBSQUID_ENDPOINT": "https://squid.subsquid.io/sora-dev/v/v1/graphql",
   "NETWORK_TYPE": "Dev",
   "CHAIN_GENESIS_HASH": "",

src/App.vue

@@ -411,6 +411,8 @@ ul ul {
 .app {
   .el-loading-mask {
     background-color: var(--s-color-utility-body);
+    z-index: $app-loader-layer;
+
     .el-loading-spinner {
       background-image: url('~@/assets/img/pswap-loader.svg');
       height: var(--s-size-medium);
@@ -508,34 +510,11 @@ ul ul {
     animation: none;
   }
 }
+
 .el-form--actions {
   display: flex;
   flex-direction: column;
   align-items: center;
-
-  $swap-input-class: '.el-input';
-  .s-input--token-value,
-  .s-input-amount {
-    #{$swap-input-class} {
-      #{$swap-input-class}__inner {
-        padding-top: 0;
-      }
-    }
-    #{$swap-input-class}__inner {
-      @include text-ellipsis;
-      height: var(--s-size-small);
-      padding-right: 0;
-      padding-left: 0;
-      border-radius: 0 !important;
-      color: var(--s-color-base-content-primary);
-      font-size: var(--s-font-size-large);
-      line-height: var(--s-line-height-small);
-      font-weight: 800;
-    }
-    .s-placeholder {
-      display: none;
-    }
-  }
 }
 
 .el-message-box {
@@ -575,14 +554,15 @@ i.icon-divider {
   .app-main {
     &.app-main--swap.app-main--has-charts {
       .app-menu {
-        position: relative;
-      }
-    }
+        &:not(.collapsed) {
+          position: relative;
+        }
 
-    &.app-main--has-charts {
-      .app-content {
-        width: 100%;
-        padding-left: $basic-spacing * 2;
+        &.collapsed {
+          & + .app-body {
+            margin-left: 74px;
+          }
+        }
       }
     }
   }
@@ -594,7 +574,6 @@ i.icon-divider {
   &-main {
     display: flex;
     align-items: stretch;
-    overflow: hidden;
     height: calc(100vh - #{$header-height} - #{$footer-height});
     position: relative;
   }
@@ -612,8 +591,7 @@ i.icon-divider {
 
   &-content {
     flex: 1;
-    margin: $inner-spacing-big auto;
-    width: 100%;
+    padding: $inner-spacing-medium;
   }
 
   &-footer {

src/components/App/Header/AppHeaderMenu.vue

@@ -143,7 +143,7 @@ export default class AppHeaderMenu extends Mixins(TranslationMixin) {
         value: HeaderMenuType.Disclaimer,
         icon: 'info-16',
         text: this.disclaimerText,
-        disabled: this.discalimerDisabled,
+        disabled: this.disclaimerDisabled,
       },
     ];
   }
@@ -156,7 +156,7 @@ export default class AppHeaderMenu extends Mixins(TranslationMixin) {
     return this.getHeaderMenuItems(true);
   }
 
-  get discalimerDisabled(): boolean {
+  get disclaimerDisabled(): boolean {
     return this.disclaimerVisibility && !this.userDisclaimerApprove;
   }
 
@@ -181,7 +181,7 @@ export default class AppHeaderMenu extends Mixins(TranslationMixin) {
         this.setLanguageDialogVisibility(true);
         break;
       case HeaderMenuType.Disclaimer:
-        if (this.discalimerDisabled) return;
+        if (this.disclaimerDisabled) return;
         this.toggleDisclaimerDialogVisibility();
         break;
     }