[Feat][602] add arrow icon (#3485)

aura-nw · Jun 9, 2024 · 0754755 · 0754755
1 parent a1b6271
commit 0754755
Show file tree

Hide file tree

Showing 10 changed files with 33 additions and 22 deletions.
diff --git a/src/app/core/constants/contract.constant.ts b/src/app/core/constants/contract.constant.ts
@@ -62,6 +62,7 @@ export const EVM_CONTRACT_TABLE_TEMPLATES: Array<TableTemplate> = [
  isUrl: '/address',
  isNameTag: true,
  },
+ { matColumnDef: 'arrow', headerCellDef: ' ', type: 'status', headerWidth: 1 },
  {
  matColumnDef: 'to',
  headerCellDef: 'To',

diff --git a/...tracts/evm-contracts-detail/evm-contract-content/evm-contract/evm-contract.component.html b/...tracts/evm-contracts-detail/evm-contract-content/evm-contract/evm-contract.component.html
@@ -122,7 +122,7 @@
  class="mr-2" />
  <div>
  Are you the contract creator?
- <a class="text--primary" [routerLink]="['verify']"> Verify and Publish </a>
+ <a class="text--primary" [routerLink]="['/evm-contracts', contractsAddress, 'verify']"> Verify and Publish</a>
  your contract source code today!
  </div>
  </div>
@@ -135,7 +135,9 @@
  class="mr-2" />
  <div>
  In case this is proxy contract, verify
- <a class="text--primary" [routerLink]="['proxy-verify']"> Is this a proxy </a>
+ <a class="text--primary" [routerLink]="['/evm-contracts', contractsAddress, 'proxy-verify']">
+ Is this a proxy
+ </a>
  or not?
  </div>
  </div>

diff --git a/...tent/evm-token-content-tab/evm-token-transfers-tab/evm-token-transfers-tab.component.html b/...tent/evm-token-content-tab/evm-token-transfers-tab/evm-token-transfers-tab.component.html
@@ -115,13 +115,6 @@
  </app-name-tag>
  </ng-container>
  </div>
- <ng-container *ngIf="!isSearchAddress">
- <img
- [src]="'assets/images/icons/arrow-right.png' | imageS3"
- width="14"
- height="9"
- class="mr-lg-3 mr-0 ml-3" />
- </ng-container>
  <ng-container *ngIf="isSearchAddress">
  <div class="box-token-transfer">
  <span
@@ -134,6 +127,9 @@
  </ng-container>
  </div>
  </ng-container>
+ <ng-container *ngSwitchCase="'arrow'">
+ <img [src]="'assets/icons/icons-svg/basic/arrow-circle-right.svg'" alt="" class="mr-1" />
+ </ng-container>
  <ng-container *ngSwitchCase="'to_address'">
  <div [style.min-width]="'210px'">
  <app-name-tag

diff --git a/...ontent/evm-token-content-tab/evm-token-transfers-tab/evm-token-transfers-tab.component.ts b/...ontent/evm-token-content-tab/evm-token-transfers-tab/evm-token-transfers-tab.component.ts
@@ -37,7 +37,8 @@ export class EvmTokenTransfersTabComponent implements OnInit, AfterViewInit {
  { matColumnDef: 'type', headerCellDef: 'Method', isShort: true, headerWidth: 170 },
  // { matColumnDef: 'status', headerCellDef: 'Result' },
  { matColumnDef: 'timestamp', headerCellDef: 'Time', headerWidth: 150 },
- { matColumnDef: 'from_address', headerCellDef: 'From', headerWidth: 250 },
+ { matColumnDef: 'from_address', headerCellDef: 'From', headerWidth: 200 },
+ { matColumnDef: 'arrow', headerCellDef: ' ', headerWidth: 28 },
  { matColumnDef: 'to_address', headerCellDef: 'To', headerWidth: 180 },
  { matColumnDef: 'amountToken', headerCellDef: 'Amount', isShort: true, headerWidth: 100 },
  ];
@@ -47,7 +48,8 @@ export class EvmTokenTransfersTabComponent implements OnInit, AfterViewInit {
  { matColumnDef: 'type', headerCellDef: 'Method', isShort: true, headerWidth: 170 },
  // { matColumnDef: 'status', headerCellDef: 'Result' },
  { matColumnDef: 'timestamp', headerCellDef: 'Time', headerWidth: 150 },
- { matColumnDef: 'from_address', headerCellDef: 'From', headerWidth: 250 },
+ { matColumnDef: 'from_address', headerCellDef: 'From', headerWidth: 200 },
+ { matColumnDef: 'arrow', headerCellDef: ' ', headerWidth: 28 },
  { matColumnDef: 'to_address', headerCellDef: 'To', headerWidth: 180 },
  { matColumnDef: 'token_id', headerCellDef: 'Token ID' },
  { matColumnDef: 'details', headerCellDef: 'Details', headerWidth: 120 },

diff --git a/src/app/pages/evm-transactions/evm-transactions.component.html b/src/app/pages/evm-transactions/evm-transactions.component.html
@@ -34,6 +34,9 @@
  </app-name-tag>
  <span *ngIf="!data[template.matColumnDef]">-</span>
  </ng-container>
+ <ng-container *ngSwitchCase="'arrow'">
+ <img [src]="'assets/icons/icons-svg/basic/arrow-circle-right.svg'" alt="" class="mr-1" />
+ </ng-container>
  <ng-container *ngSwitchCase="'to'">
  <app-name-tag
  [value]="data[template.matColumnDef] | beautyAddress"

diff --git a/src/app/pages/evm-transactions/evm-transactions.component.ts b/src/app/pages/evm-transactions/evm-transactions.component.ts
@@ -29,9 +29,10 @@ export class EvmTransactionsComponent {
  { matColumnDef: 'method', headerCellDef: 'Method', headerWidth: 216 },
  { matColumnDef: 'height', headerCellDef: 'Height', headerWidth: 110 },
  { matColumnDef: 'timestamp', headerCellDef: 'Time', headerWidth: 136 },
- { matColumnDef: 'from', headerCellDef: 'From', headerWidth: 214 },
+ { matColumnDef: 'from', headerCellDef: 'From', headerWidth: 200 },
+ { matColumnDef: 'arrow', headerCellDef: ' ', headerWidth: 28 },
  { matColumnDef: 'to', headerCellDef: 'To', headerWidth: 214 },
- { matColumnDef: 'amount', headerCellDef: 'Amount', headerWidth: 176 },
+ { matColumnDef: 'amount', headerCellDef: 'Amount', headerWidth: 136 },
  { matColumnDef: 'hash', headerCellDef: this.denom ? `Cosmos Txn` : 'Txn', headerWidth: 108 },
  ];
  displayedColumns: string[] = this.templates.map((dta) => dta.matColumnDef);

diff --git a/...os/token-content/token-content-tab/token-transfers-tab/token-transfers-tab.component.html b/...os/token-content/token-content-tab/token-transfers-tab/token-transfers-tab.component.html
@@ -120,13 +120,6 @@
  </app-name-tag>
  </ng-container>
  </div>
- <ng-container *ngIf="!isSearchAddress">
- <img
- [src]="'assets/images/icons/arrow-right.png' | imageS3"
- width="14"
- height="9"
- class="mr-lg-3 mr-0 ml-3" />
- </ng-container>
  <ng-container *ngIf="isSearchAddress">
  <div class="box-token-transfer">
  <span
@@ -139,6 +132,9 @@
  </ng-container>
  </div>
  </ng-container>
+ <ng-container *ngSwitchCase="'arrow'">
+ <img [src]="'assets/icons/icons-svg/basic/arrow-circle-right.svg'" alt="" class="mr-3" />
+ </ng-container>
  <ng-container *ngSwitchCase="'to_address'">
  <div [style.min-width]="'210px'">
  <app-name-tag

diff --git a/...smos/token-content/token-content-tab/token-transfers-tab/token-transfers-tab.component.ts b/...smos/token-content/token-content-tab/token-transfers-tab/token-transfers-tab.component.ts
@@ -45,7 +45,8 @@ export class TokenTransfersTabComponent implements OnInit, AfterViewInit {
  { matColumnDef: 'type', headerCellDef: 'Method', isShort: true, headerWidth: 170 },
  // { matColumnDef: 'status', headerCellDef: 'Result' },
  { matColumnDef: 'timestamp', headerCellDef: 'Time' },
- { matColumnDef: 'from_address', headerCellDef: 'From', headerWidth: 250 },
+ { matColumnDef: 'from_address', headerCellDef: 'From', headerWidth: 220 },
+ { matColumnDef: 'arrow', headerCellDef: ' ', headerWidth: 28 },
  { matColumnDef: 'to_address', headerCellDef: 'To', headerWidth: 180 },
  { matColumnDef: 'amountToken', headerCellDef: 'Amount', isShort: true, headerWidth: 100 },
  ];
@@ -55,7 +56,8 @@ export class TokenTransfersTabComponent implements OnInit, AfterViewInit {
  { matColumnDef: 'type', headerCellDef: 'Method', isShort: true, headerWidth: 170 },
  // { matColumnDef: 'status', headerCellDef: 'Result' },
  { matColumnDef: 'timestamp', headerCellDef: 'Time', headerWidth: 150 },
- { matColumnDef: 'from_address', headerCellDef: 'From', headerWidth: 250 },
+ { matColumnDef: 'from_address', headerCellDef: 'From', headerWidth: 220 },
+ { matColumnDef: 'arrow', headerCellDef: ' ', headerWidth: 28 },
  { matColumnDef: 'to_address', headerCellDef: 'To', headerWidth: 180 },
  { matColumnDef: 'token_id', headerCellDef: 'Token ID' },
  { matColumnDef: 'details', headerCellDef: 'Details', headerWidth: 120 },

diff --git a/src/app/shared/components/contract-table/contract-table.component.html b/src/app/shared/components/contract-table/contract-table.component.html
@@ -129,6 +129,9 @@
  <ng-container *ngSwitchCase="'time-distance'">
  {{ data[template.matColumnDef] | customDateTime: 'Distance' }}
  </ng-container>
+ <ng-container *ngIf="template.matColumnDef === 'arrow'">
+ <img [src]="'assets/icons/icons-svg/basic/arrow-circle-right.svg'" alt="" class="mr-1" />
+ </ng-container>
  <div *ngSwitchDefault>{{ data[template.matColumnDef] }}</div>
  </ng-container>
  </td>

diff --git a/src/assets/icons/icons-svg/basic/arrow-circle-right.svg b/src/assets/icons/icons-svg/basic/arrow-circle-right.svg