Release 1.22.1

package.json

@@ -1,6 +1,6 @@
 {
   "name": "polkaswap-exchange-web",
-  "version": "1.22.0",
+  "version": "1.22.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/sora-xor/polkaswap-exchange-web.git"

public/marketing.json

@@ -2,18 +2,16 @@
   {
     "title": "GET SORA CARD",
     "img": "/marketing/card.png",
-    "backgroundColor": "var(--s-color-theme-accent)",
     "link": "/#/card"
   },
   {
     "title": "CONNECT WITH GOOGLE",
-    "backgroundColor": "var(--s-color-theme-accent)",
+    "img": "/marketing/google.png",
     "link": "https://medium.com/polkaswap/how-to-use-connect-with-google-on-polkawap-a4f9ea2cd2f2"
   },
   {
     "title": "LEARN ABOUT SYNTHETICS",
     "img": "/marketing/synths.png",
-    "backgroundColor": "var(--s-color-theme-accent)",
     "link": "https://medium.com/polkaswap/unveiling-synthetic-assets-a-game-changer-in-the-financial-landscape-1720e5858422"
   }
 ]

src/components/App/Header/AppMarketing.vue

@@ -35,6 +35,8 @@ import { Component, Mixins } from 'vue-property-decorator';
 import { state } from '@/store/decorators';
 import type { Ad } from '@/store/settings/types';
 
+import type { CSSProperties } from 'vue/types/jsx';
+
 // PS. Do not call this component & css classes like ad/ads -> it'll be blocked by any blocker browser extension
 @Component
 export default class AppMarketing extends Mixins(mixins.TranslationMixin) {
@@ -62,7 +64,11 @@ export default class AppMarketing extends Mixins(mixins.TranslationMixin) {
   }
 
   getStyles(ad: Ad) {
-    return { backgroundImage: `url(${ad.img})`, backgroundColor: ad.backgroundColor };
+    const styles: CSSProperties = { backgroundImage: `url(${ad.img})` };
+    if (ad.backgroundColor) {
+      styles.backgroundColor = ad.backgroundColor;
+    }
+    return styles;
   }
 
   prev(): void {

src/store/settings/types.ts

@@ -6,7 +6,7 @@ import type { Subscription } from 'rxjs';
 export type Ad = {
   title: string;
   img: string;
-  backgroundColor: string;
+  backgroundColor?: string;
   link: string;
 };
 

src/views/Explore/Tokens.vue

@@ -30,7 +30,7 @@
           <token-logo class="explore-table-item-logo" :token-symbol="row.symbol" />
           <div class="explore-table-item-info explore-table-item-info--body">
             <div class="explore-table-item-name">{{ row.symbol }}</div>
-            <div class="explore-table__secondary">{{ row.name }}</div>
+            <div class="explore-table__secondary explore-table__token-name">{{ row.name }}</div>
             <div class="explore-table-item-address">
               <token-address
                 class="explore-table-item-address__value"
@@ -268,11 +268,14 @@ const calcVolume = (nodes: AssetSnapshotEntity[]): FPNumber => {
 };
 
 const parse = (item: AssetData): Record<string, TokenData> => {
+  const startPriceDay = last(item.hourSnapshots.nodes)?.priceUSD?.open;
+  const startPriceWeek = last(item.daySnapshots.nodes)?.priceUSD?.open;
+  const liquidity = item.liquidity;
   return {
     [item.id]: {
-      reserves: FPNumber.fromCodecValue(item.liquidity ?? 0),
-      startPriceDay: new FPNumber(last(item.hourSnapshots.nodes)?.priceUSD?.open ?? 0),
-      startPriceWeek: new FPNumber(last(item.daySnapshots.nodes)?.priceUSD?.open ?? 0),
+      reserves: liquidity ? FPNumber.fromCodecValue(liquidity) : FPNumber.ZERO,
+      startPriceDay: startPriceDay ? new FPNumber(startPriceDay) : FPNumber.ZERO,
+      startPriceWeek: startPriceWeek ? new FPNumber(startPriceWeek) : FPNumber.ZERO,
       volumeDay: calcVolume(item.hourSnapshots.nodes),
       volumeWeek: calcVolume(item.daySnapshots.nodes),
     },
@@ -393,3 +396,12 @@ export default class Tokens extends Mixins(ExplorePageMixin, TranslationMixin) {
 <style lang="scss">
 @include explore-table;
 </style>
+
+<style lang="scss" scoped>
+.explore-table__token-name {
+  max-width: 155px;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+</style>