Frontend - Benchmarks - ZK Apps updates (#773)

Author: directcuteo

frontend/angular.json

@@ -112,15 +112,6 @@
                 }
               ],
               "outputHashing": "all"
-            },
-            "staging": {
-              "fileReplacements": [
-                {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.staging.ts"
-                }
-              ],
-              "outputHashing": "all"
             }
           },
           "defaultConfiguration": "production"

frontend/src/app/features/benchmarks/wallets/benchmarks-wallets-zk.service.ts

@@ -24,7 +24,8 @@ export class BenchmarksWalletsZkService {
     return this.o1jsInterface.pipe(
       filter(Boolean),
       switchMap((o1js: any) => {
-        return fromPromise(o1js.sendZkApp(CONFIG.globalConfig?.graphQL, zkApps[0], this.updates));
+        // return fromPromise(o1js.deployZkApp(CONFIG.globalConfig?.graphQL, zkApps[0], this.updates));
+        return fromPromise(o1js.updateZkApp(CONFIG.globalConfig?.graphQL, zkApps[0], this.updates));
       }),
       map((response: any) => {
         if (response.errors[0]) {

frontend/src/app/features/benchmarks/wallets/benchmarks-wallets-zkapp-toolbar/benchmarks-wallets-zkapp-toolbar.component.html

@@ -40,9 +40,9 @@
           <span class="mina-icon">arrow_drop_down</span>
         </div>
       </button>
-      <!--      <div class="tertiary" *ngIf="updates$ | async as updates">-->
-      <!--        {{ updates.step }} {{ updates.duration }}s-->
-      <!--      </div>-->
+      <div class="tertiary text-italic ml-10" *ngIf="updates$ | async as updates">
+        {{ updates.step }} <span class="secondary">{{ updates.duration }}<span *ngIf="updates.duration">s</span></span>
+      </div>
     </form>
   </div>
 </ng-template>

frontend/src/app/features/benchmarks/wallets/benchmarks-wallets.reducer.ts

@@ -227,6 +227,7 @@ export function reducer(state: BenchmarksWalletsState = initialState, action: Be
 
     case BENCHMARKS_WALLETS_GET_ALL_TXS_SUCCESS: {
       const allTxs = [...action.payload.mempoolTxs, ...action.payload.includedTxs];
+      console.log(allTxs);
       return {
         ...state,
         wallets: state.wallets.map((w: BenchmarksWallet) => {
@@ -306,7 +307,7 @@ export function reducer(state: BenchmarksWalletsState = initialState, action: Be
               fee: state.sendingFeeZkapps,
               nonce,
               memo,
-              accountUpdates: 8,
+              accountUpdates: 2,
             };
           });
       } else {
@@ -322,7 +323,7 @@ export function reducer(state: BenchmarksWalletsState = initialState, action: Be
             fee: state.sendingFeeZkapps,
             nonce: nonce.toString(),
             memo,
-            accountUpdates: 8,
+            accountUpdates: 2,
           };
           nonce++;
 

frontend/src/app/shared/constants/config.ts

@@ -4,6 +4,10 @@ import { hasValue } from '@openmina/shared';
 
 export const CONFIG: Readonly<MinaEnv> = {
   ...environment,
+  globalConfig: {
+    ...environment.globalConfig,
+    graphQL: getURL(environment.globalConfig.graphQL),
+  },
   configs: environment.configs.map((config) => ({
     ...config,
     url: getURL(config.url),

frontend/src/assets/environments/block_producers.js

@@ -8,6 +8,7 @@ export default {
       'snarks': ['scan-state', 'work-pool'],
     },
     canAddNodes: true,
+    graphQL: 'http://localhost:11010/graphql',
   },
   configs: [
     {

frontend/src/assets/environments/staging.js

@@ -11,7 +11,7 @@ export default {
       'benchmarks': ['wallets'],
     },
     canAddNodes: false,
-    graphQL: 'http://adonagy.hz.minaprotocol.network:3000/graphql'
+    graphQL: 'https://adonagy.com/graphql'
   },
   configs: [
     {

frontend/src/assets/o1js/o1jsWrapper.js

@@ -10,6 +10,7 @@ export const environment: Readonly<MinaEnv> = {
       'snarks': ['scan-state', 'work-pool'],
     },
     canAddNodes: true,
+    graphQL: 'http://localhost:11010/graphql',
   },
   configs: [
     {