[featfix] add feature flag for enhance event log and token info (#3631)

package.json

@@ -7,7 +7,7 @@
     "start:dev": "ng serve",
     "build": "ng build --aot=true --output-hashing=all",
     "build:production": "ng build --aot=true --output-hashing=all --configuration production",
-    "featureflags": "node scripts/encryptFeatureFlags.mjs dev",
+    "featureflags": "node scripts/encryptFeatureFlags.mjs serenity",
     "watch": "ng build --watch --configuration development",
     "test": "ng test"
   },

scripts/feature-flags/dev/config.json

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

scripts/feature-flags/euphoria/config.json

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

scripts/feature-flags/mainnet/config.json

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

scripts/feature-flags/serenity/config.json

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

src/app/core/constants/feature-flags.enum.ts

@@ -4,4 +4,6 @@ const FEATURE_FLAGS_NAMESPACE = '32bf670d-a39e-46a7-8546-2a11d3c16b33';
 
 export enum FeatureFlags {
   DevTest = uuidv5('devTest', FEATURE_FLAGS_NAMESPACE),
+  EnhanceEventLog = uuidv5('enhanceEventLog', FEATURE_FLAGS_NAMESPACE),
+  SetTokenInfo = uuidv5('setTokenInfo', FEATURE_FLAGS_NAMESPACE),
 }

src/app/pages/evm-token/evm-token-content/evm-token-content-tab/evm-token-info-tab/evm-token-info-tab.component.html

@@ -1,4 +1,7 @@
 <div class="text--white">
   <div class="body-02 fw-semibold text--gray-4 mb-1">OVERVIEW</div>
-  <div class="text--gray-6" [innerHTML]="overviewInfo | newline"></div>
-</div>
+  <div class="text--gray-6" [featureFlag]="'SetTokenInfo'" [flagEnabled]="false">
+    Aura gives you the joint benefits of open blockchain technology and traditional currency
+  </div>
+  <div class="text--gray-6" [featureFlag]="'SetTokenInfo'" [innerHTML]="overviewInfo | newline"></div>
+</div>

src/app/pages/evm-token/evm-token-content/evm-token-content-tab/evm-token-info-tab/evm-token-info-tab.component.ts

@@ -1,4 +1,5 @@
 import { Component, Input, OnInit } from '@angular/core';
+import { FeatureFlagService } from '../../../../../core/data-services/feature-flag.service';
 
 @Component({
   selector: 'app-evm-token-info-tab',
@@ -10,4 +11,3 @@ export class EvmTokenInfoTabComponent implements OnInit {
   @Input() overviewInfo?: string;
   ngOnInit(): void {}
 }
-

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

@@ -14,6 +14,8 @@ import { NameTagService } from 'src/app/core/services/name-tag.service';
 import { TokenService } from 'src/app/core/services/token.service';
 import { transferAddress } from 'src/app/core/utils/common/address-converter';
 import local from 'src/app/core/utils/storage/local';
+import { FeatureFlagService } from '../../../core/data-services/feature-flag.service';
+import { FeatureFlags } from '../../../core/constants/feature-flags.enum';
 
 @Component({
   selector: 'app-evm-token-content',
@@ -65,6 +67,7 @@ export class EvmTokenContentComponent implements OnInit {
     private nameTagService: NameTagService,
     private router: Router,
     private beautyAddress: EvmAddressPipe,
+    private featureFlag: FeatureFlagService,
   ) {}
 
   ngOnInit(): void {
@@ -108,12 +111,14 @@ export class EvmTokenContentComponent implements OnInit {
         this.searchTemp = this.nameTagService.findNameTagByAddress(this.searchTemp);
       }
 
-      if (!this.paramQuery) {
-        this.TABS.push({
-          key: TokenTab.Info,
-          value: 'Info',
-        });
-        this.tabsBackup = this.TABS;
+      if (this.featureFlag.isEnabled(FeatureFlags.SetTokenInfo)) {
+        if (!this.paramQuery) {
+          this.TABS.push({
+            key: TokenTab.Info,
+            value: 'Info',
+          });
+          this.tabsBackup = this.TABS;
+        }
       }
     });
 
@@ -239,4 +244,3 @@ export class EvmTokenContentComponent implements OnInit {
       .toFixed();
   }
 }
-

src/app/pages/token-cosmos/token-content/token-content-tab/token-info-tab/token-info-tab.component.html

@@ -1,4 +1,7 @@
 <div class="text--white">
   <div class="body-02 fw-semibold text--gray-4 mb-1">OVERVIEW</div>
-  <div class="text--gray-6" [innerHTML]="overviewInfo | newline"></div>
-</div>
+  <div class="text--gray-6" [featureFlag]="'SetTokenInfo'" [flagEnabled]="false">
+    Aura gives you the joint benefits of open blockchain technology and traditional currency
+  </div>
+  <div class="text--gray-6" [featureFlag]="'SetTokenInfo'" [innerHTML]="overviewInfo | newline"></div>
+</div>

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

@@ -14,6 +14,8 @@ import { NameTagService } from 'src/app/core/services/name-tag.service';
 import { TokenService } from 'src/app/core/services/token.service';
 import { transferAddress } from 'src/app/core/utils/common/address-converter';
 import local from 'src/app/core/utils/storage/local';
+import { FeatureFlagService } from '../../../core/data-services/feature-flag.service';
+import { FeatureFlags } from '../../../core/constants/feature-flags.enum';
 
 @Component({
   selector: 'app-token-content',
@@ -26,9 +28,9 @@ export class TokenContentComponent implements OnInit {
   @Input() channelPath: any;
   @Output() hasMore = new EventEmitter<any>();
 
-  tabStaking = [TokenTab.Holders, TokenTab.Info];
-  tabIBC = [TokenTab.Transfers, TokenTab.Holders, TokenTab.Info];
-  tabToken = [TokenTab.Transfers, TokenTab.Holders, TokenTab.Contract, TokenTab.Info];
+  tabStaking = [TokenTab.Holders];
+  tabIBC = [TokenTab.Transfers, TokenTab.Holders];
+  tabToken = [TokenTab.Transfers, TokenTab.Holders, TokenTab.Contract];
   tabNFT = [TokenTab.Transfers, TokenTab.Holders, TokenTab.Inventory, TokenTab.Contract];
   TABS = [];
   paramQuery = '';
@@ -67,9 +69,16 @@ export class TokenContentComponent implements OnInit {
     private nameTagService: NameTagService,
     private contractService: ContractService,
     private router: Router,
+    private featureFlag: FeatureFlagService,
   ) {}
 
   ngOnInit(): void {
+    if (this.featureFlag.isEnabled(FeatureFlags.SetTokenInfo)) {
+      this.tabStaking = [TokenTab.Holders, TokenTab.Info];
+      this.tabIBC = [TokenTab.Transfers, TokenTab.Holders, TokenTab.Info];
+      this.tabToken = [TokenTab.Transfers, TokenTab.Holders, TokenTab.Contract, TokenTab.Info];
+    }
+
     this.linkAddress = this.route.snapshot.paramMap.get('contractAddress');
     let tabFilter;
     switch (this.tokenDetail.modeToken) {
@@ -254,4 +263,3 @@ export class TokenContentComponent implements OnInit {
       .toFixed();
   }
 }
-

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

@@ -134,6 +134,16 @@
           <div class="mb-6">Transaction Receipt Event Logs ({{ eventLog?.length }})</div>
           <div class="">
             <app-evm-transaction-event-log
+              [featureFlag]="'EnhanceEventLog'"
+              [flagEnabled]="false"
+              *ngFor="let log of eventLog; index as idx"
+              [eventLog]="log"
+              [arrTopicDecode]="arrTopicDecode"
+              [index]="idx">
+            </app-evm-transaction-event-log>
+
+            <app-evm-transaction-event-log
+              [featureFlag]="'EnhanceEventLog'"
               *ngFor="let topic of topicsDecoded; let i = index"
               [eventLog]="eventLog[i]"
               [arrTopicDecode]="arrTopicDecode"