Merge remote-tracking branch 'origin/serenity' into release/euphoria_…

…20240724

scripts/feature-flags/euphoria/config.json

@@ -1 +1 @@
-{ "devTest": false, "enhanceEventLog": true, "setTokenInfo": false }
+{ "devTest": false, "enhanceEventLog": true, "setTokenInfo": true }

src/app/core/pipes/newline.pipe.ts

@@ -8,6 +8,8 @@ export class NewlinePipe implements PipeTransform {
     if (!value) return null;
     let replacedValue = value;
     replacedValue = replacedValue?.replace(/\n/gi, '<br/>');
+    replacedValue = replacedValue?.replace(/ /gi, '&nbsp;');
+
     return this.sanitizer.bypassSecurityTrustHtml(replacedValue);
   }
 }

src/app/pages/dashboard/dashboard.component.html

@@ -24,7 +24,7 @@
                 <div class="d-flex flex-column px-lg-4 flex-shrink-0 flex-grow-1">
                   <div class="d-flex flex-column align-items-start flex-shrink-0 flex-grow-1">
                     <div class="d-flex align-items-center justify-content-center py-4 px-2 py-lg-6 px-xl-6">
-                      <img [appImg]="chainLogo" alt="chain-logo" height="36" />
+                      <img [appImg]="tokenInfo.image" alt="chain-logo" height="36" />
                       <div class="h1 h2-mob mb-0 ml-4 text--white fw-700 fw-semibold-mob">
                         {{ nativeName | uppercase }}
                       </div>

src/app/pages/dashboard/dashboard.component.ts

@@ -24,7 +24,6 @@ import {
   NUMBER_6_DIGIT,
   PAGE_EVENT,
   TIMEOUT_ERROR,
-  TITLE_LOGO,
 } from '../../core/constants/common.constant';
 import { Globals, convertDataBlock, convertDataTransactionSimple } from '../../global/global';
 import { CHART_CONFIG, DASHBOARD_AREA_SERIES_CHART_OPTIONS, DASHBOARD_CHART_OPTIONS } from './dashboard-chart-options';
@@ -64,7 +63,6 @@ export class DashboardComponent implements OnInit, AfterViewInit, OnDestroy {
   coinInfo = this.environmentService.chainInfo.currencies[0];
   bannerList = this.environmentService.banner;
   coingeckoCoinId = this.environmentService.coingecko.ids[0];
-  chainLogo = TITLE_LOGO;
   nativeName = this.environmentService.environment.nativeName;
 
   chart: IChartApi = null;
@@ -95,6 +93,7 @@ export class DashboardComponent implements OnInit, AfterViewInit, OnDestroy {
     priceChangePercentage24h: number;
     totalVolume: number;
     totalSupply: number;
+    image: string;
   };
 
   originalData = [];

src/app/pages/evm-token/evm-token-detail/evm-token-detail.component.ts

@@ -82,26 +82,17 @@ export class EvmTokenDetailComponent implements OnInit {
       address: this.contractAddress,
     };
 
-    this.tokenService.getEvmTokenDetail(payload).subscribe({
-      next: (res) => {
-        const token = res.erc20_contract[0];
-        if (!token) {
-          this.loading = false;
-          this.errTxt = 'No Data';
-          return;
-        }
-
-        this.tokenService.tokensMarket$
-          .pipe(
-            filter((data) => _.isArray(data)),
-            take(1),
-          )
-          .subscribe((item) => {
-
-            let tokenMarket = null;
-            if(token?.address === USDC_ADDRESS) tokenMarket = item.find((element) => element.coinId === USDC_COIN_ID);
-            else tokenMarket = item.find((element) => element.denom === token?.address);
-
+    this.tokenService.getTokenDetail(this.contractAddress).subscribe({
+      next: (tokenMarket) => {
+        this.tokenService.getEvmTokenDetail(payload).subscribe({
+          next: (res) => {
+            const token = res.erc20_contract[0];
+            if (!token) {
+              this.loading = false;
+              this.errTxt = 'No Data';
+              return;
+            }
+
             this.tokenDetail = {
               ...token,
               supplyAmount: token.total_supply,
@@ -119,20 +110,21 @@ export class EvmTokenDetailComponent implements OnInit {
               socialProfiles: this.tokenService?.mappingSocialProfiles(tokenMarket?.socialProfiles)
             };
             this.getAssetsDetail();
-          });
-      },
-      error: (e) => {
-        if (e.name === TIMEOUT_ERROR) {
-          this.errTxt = e.message;
-        } else {
-          this.errTxt = e.status + ' ' + e.statusText;
-        }
-        this.loading = false;
-      },
-      complete: () => {
-        this.loading = false;
-      },
-    });
+          },
+          error: (e) => {
+            if (e.name === TIMEOUT_ERROR) {
+              this.errTxt = e.message;
+            } else {
+              this.errTxt = e.status + ' ' + e.statusText;
+            }
+            this.loading = false;
+          },
+          complete: () => {
+            this.loading = false;
+          },
+        });
+      }
+    })
   }
 
   getTokenDetailNFT(): void {

src/app/pages/ibc/channel-detail/transfer-assets/transfer-assets.component.ts

@@ -10,6 +10,7 @@ import { EnvironmentService } from 'src/app/core/data-services/environment.servi
 import { TableTemplate } from 'src/app/core/models/common.model';
 import { CommonService } from 'src/app/core/services/common.service';
 import { IBCService } from 'src/app/core/services/ibc.service';
+import { TokenService } from 'src/app/core/services/token.service';
 import { PaginatorComponent } from 'src/app/shared/components/paginator/paginator.component';
 
 @Component({
@@ -66,6 +67,7 @@ export class TransferAssetsComponent {
     private ibcService: IBCService,
     private commonService: CommonService,
     private route: ActivatedRoute,
+    private tokenService: TokenService,
   ) {}
 
   ngOnInit(): void {
@@ -90,9 +92,9 @@ export class TransferAssetsComponent {
       type: 'send_packet',
     };
     this.ibcService.getTransferAsset(payload).subscribe({
-      next: (res) => {
+      next: async (res) => {
         if (res.view_ibc_channel_detail_statistic?.length > 0) {
-          const txs = this.convertTxAssets(res.view_ibc_channel_detail_statistic);
+          const txs = await this.convertTxAssets(res.view_ibc_channel_detail_statistic);
           this.lstSendingRaw = txs;
           this.dataIBCSending.data = [...txs];
         }
@@ -148,9 +150,9 @@ export class TransferAssetsComponent {
       type: 'recv_packet',
     };
     this.ibcService.getTransferAsset(payload).subscribe({
-      next: (res) => {
+      next: async (res) => {
         if (res.view_ibc_channel_detail_statistic?.length > 0) {
-          const txs = this.convertTxAssets(res.view_ibc_channel_detail_statistic);
+          const txs = await this.convertTxAssets(res.view_ibc_channel_detail_statistic);
           this.lstSendingReceive = txs;
           this.dataIBCReceiving.data = [...txs];
         }
@@ -179,23 +181,43 @@ export class TransferAssetsComponent {
     }
   }
 
-  convertTxAssets(data) {
-    const txs = data?.map((data) => {
-      let denom = _.get(data, 'denom');
-      let dataDenom;
-      if (denom?.includes('/')) {
-        denom = 'ibc/' + sha256(denom)?.toUpperCase();
-        dataDenom = this.commonService.mappingNameIBC(denom);
-      } else {
-        dataDenom = { decimals: this.coinInfo.coinDecimals, symbol: denom === this.denom ? this.assetName : denom };
-      }
-      return {
-        amount: _.get(data, 'amount'),
-        denom,
-        dataDenom,
-        total_messages: _.get(data, 'total_messages'),
-      };
+  getTokenImage(denom: string) {
+    return new Promise((resolve) => {
+      this.tokenService.getTokenDetail(denom).subscribe({
+        next: (res) => {
+          resolve(res?.image);
+        },
+        error: (e) => {
+          resolve(null);
+        }
+      });
     });
+  }
+
+  async convertTxAssets(data) {
+    const txs = await Promise.all(
+      data?.map(async (data) => {
+        let denom = _.get(data, 'denom');
+        let dataDenom;
+        if (denom?.includes('/')) {
+          denom = 'ibc/' + sha256(denom)?.toUpperCase();
+          dataDenom = this.commonService.mappingNameIBC(denom);
+        } else {
+          const image = await this.getTokenImage(denom);
+          dataDenom = {
+            decimals: this.coinInfo.coinDecimals,
+            symbol: denom === this.denom ? this.assetName : denom,
+            image,
+          };
+        }
+        return {
+          amount: _.get(data, 'amount'),
+          denom,
+          dataDenom,
+          total_messages: _.get(data, 'total_messages'),
+        };
+      }),
+    );
     return txs;
   }
 }

src/app/pages/token-cosmos/token-content/token-content.component.ts

@@ -122,6 +122,7 @@ export class TokenContentComponent implements OnInit {
           this.tabsBackup = this.TABS;
         }
       }
+      this.tabsBackup = this.TABS;
     });
 
     if (local.getItem(STORAGE_KEYS.IS_VERIFY_TAB) == 'true') {

src/app/pages/token-cosmos/token-detail/token-detail.component.ts

@@ -65,48 +65,49 @@ export class TokenDetailComponent implements OnInit {
   getCW20Detail(): void {
     let now = new Date();
     now.setDate(now.getDate() - 1);
-    this.tokenService.getTokenDetail(this.contractAddress).subscribe((tokenMarket) => {
-      this.tokenService
-      .getCW20Detail(this.contractAddress, this.datePipe.transform(now, DATEFORMAT.DATE_ONLY))
-      .subscribe({
-        next: (res) => {
-          const data = _.get(res, `smart_contract`);
-          if (data.length > 0) {
-            const token = data[0];
-            token.contract_address = token.address;
-            token.name = tokenMarket?.name || token.cw20_contract.name;
-            token.symbol = tokenMarket?.symbol || token.cw20_contract.symbol;
-            token.decimals = token.cw20_contract.decimal;
-            token.type = this.contractType.CW20;
-            token.max_total_supply = tokenMarket?.max_supply || 0;
-            token.price = tokenMarket?.currentPrice || 0;
-            token.verify_status = tokenMarket?.verifyStatus || '';
-            token.verify_text = tokenMarket?.verifyText || '';
-            token.modeToken = EModeToken.CWToken;
-            token.priceChangePercentage24h = tokenMarket?.priceChangePercentage24h || 0;
-            token.contract_verification = token.code?.code_id_verifications[0]?.verification_status;
-            token.supplyAmount = BigNumber(token.cw20_contract?.total_supply).dividedBy(
-              BigNumber(10).pow(token.decimals),
-            );
-            token.officialSite = tokenMarket?.officialSite;
-            token.overviewInfo = tokenMarket?.overviewInfo;
-            token.socialProfiles = this.tokenService?.mappingSocialProfiles(tokenMarket?.socialProfiles);
-
-            this.tokenDetail = token;                
-          }
-        },
-        error: (e) => {
-          if (e.name === TIMEOUT_ERROR) {
-            this.errTxt = e.message;
-          } else {
-            this.errTxt = e.status + ' ' + e.statusText;
-          }
-          this.loading = false;
-        },
-        complete: () => {
-          this.loading = false;
-        },
-      });
+    this.tokenService.getTokenDetail(this.contractAddress).subscribe({
+      next: (tokenMarket) => {
+        this.tokenService
+        .getCW20Detail(this.contractAddress, this.datePipe.transform(now, DATEFORMAT.DATE_ONLY))
+        .subscribe({
+          next: (res) => {
+            const data = _.get(res, `smart_contract`);
+            if (data.length > 0) {
+              const token = data[0];
+              token.contract_address = token.address;
+              token.name = tokenMarket?.name || token.cw20_contract.name;
+              token.symbol = tokenMarket?.symbol || token.cw20_contract.symbol;
+              token.decimals = token.cw20_contract.decimal;
+              token.type = this.contractType.CW20;
+              token.max_total_supply = tokenMarket?.max_supply || 0;
+              token.price = tokenMarket?.currentPrice || 0;
+              token.verify_status = tokenMarket?.verifyStatus || '';
+              token.verify_text = tokenMarket?.verifyText || '';
+              token.modeToken = EModeToken.CWToken;
+              token.priceChangePercentage24h = tokenMarket?.priceChangePercentage24h || 0;
+              token.contract_verification = token.code?.code_id_verifications[0]?.verification_status;
+              token.supplyAmount = BigNumber(token.cw20_contract?.total_supply).dividedBy(
+                BigNumber(10).pow(token.decimals),
+              );
+              token.officialSite = tokenMarket?.officialSite;
+              token.overviewInfo = tokenMarket?.overviewInfo;
+              token.socialProfiles = this.tokenService?.mappingSocialProfiles(tokenMarket?.socialProfiles);
+              this.tokenDetail = token;   
+            }
+          },
+          error: (e) => {
+            if (e.name === TIMEOUT_ERROR) {
+              this.errTxt = e.message;
+            } else {
+              this.errTxt = e.status + ' ' + e.statusText;
+            }
+            this.loading = false;
+          },
+          complete: () => {
+            this.loading = false;
+          },
+        });
+      }
     })
   }
 

src/app/pages/transaction/evm-transaction/evm-transaction.component.html

@@ -44,18 +44,24 @@ <h1 class="text--white mb-0">EVM Transaction Details</h1>
 
           <div class="row mb-2 body justify-content-between justify-content-lg-start">
             <div class="col-auto col-lg-2 text--gray-4">Status</div>
-            <div class="col-auto col-lg-10 d-flex align-items-center">
-              <img
-                [src]="
-                  transaction?.code == evmSuccessCode
-                    ? ('assets/icons/icons-svg/color/success.svg' | imageS3)
-                    : ('assets/icons/icons-svg/color/fail.svg' | imageS3)
-                "
-                width="20px"
-                height="20px" />
-              <span class="ml-2 {{ transaction?.status === 'Success' ? 'text--green-3' : 'text--red-3' }}">
-                {{ transaction?.status | uppercase }}
-              </span>
+            <div class="status-container col-auto col-lg-10 d-flex align-items-center flex-nowrap">
+              <div class="d-flex align-items-center">
+                <img
+                  [src]="
+                    transaction?.code == evmSuccessCode
+                      ? ('assets/icons/icons-svg/color/success.svg' | imageS3)
+                      : ('assets/icons/icons-svg/color/fail.svg' | imageS3)
+                  "
+                  alt="status"
+                  width="20px"
+                  height="20px" />
+                <span class="ml-2 {{ transaction?.status === 'Success' ? 'text--green-3' : 'text--red-3' }}">
+                  {{ transaction?.status | uppercase }}
+                </span>
+              </div>
+              <div class="method">
+                <span>{{ method }}</span>
+              </div>
             </div>
           </div>
           <div class="row mb-2 body justify-content-between justify-content-lg-start">

src/app/pages/transaction/evm-transaction/evm-transaction.component.scss

@@ -19,3 +19,25 @@
 #contentError.line-claim-v {
   -webkit-line-clamp: 3;
 }
+
+.status-container {
+  column-gap: 12px;
+
+  .method {
+    height: 24px;
+    display: flex;
+    padding: 4px 10px;
+    align-items: center;
+    gap: 4px;
+    border-radius: 6px;
+    background: var(--aura-gray-9);
+
+    span {
+      color: var(--aura-gray-3);
+      text-align: center;
+      font-size: 12px;
+      font-weight: 500;
+      line-height: 16px;
+    }
+  }
+}

src/app/pages/transaction/evm-transaction/evm-transaction.component.ts

@@ -34,7 +34,7 @@ export class EvmTransactionComponent implements OnChanges {
     memo: string;
     type: string;
     contractAddress?: string;
-    inputData: { [key: string]: string };
+    inputData: string;
     eventLog: {
       id: number;
       contractName?: string;
@@ -70,6 +70,7 @@ export class EvmTransactionComponent implements OnChanges {
   isDisplayMore = false;
   topicLength = 4;
   isEvmContract = false;
+  method = ''
 
   constructor(
     private transactionService: TransactionService,