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

aura-nw · Jun 9, 2024 · 5bcf31f · 5bcf31f
1 parent 3784ef2
commit 5bcf31f
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