o1-labs
diff --git a/‎frontend/src/app/app.actions.ts‎
Lines changed: 32 additions & 8 deletions b/‎frontend/src/app/app.actions.ts‎
Lines changed: 32 additions & 8 deletions
diff --git a/‎frontend/src/app/app.component.html‎
Lines changed: 33 additions & 21 deletions b/‎frontend/src/app/app.component.html‎
Lines changed: 33 additions & 21 deletions
diff --git a/‎frontend/src/app/app.component.scss‎
Lines changed: 0 additions & 1 deletion b/‎frontend/src/app/app.component.scss‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎frontend/src/app/app.component.ts‎
Lines changed: 53 additions & 17 deletions b/‎frontend/src/app/app.component.ts‎
Lines changed: 53 additions & 17 deletions
@@ -10,19 +10,43 @@ export const APP_PREFIX = 'App';
 const type = <T extends string>(type: T) => createType(APP_PREFIX, null, type);
 
 const init = createAction(type('Init'));
-const initSuccess = createAction(type('Init Success'), props<{ activeNode: MinaNode, nodes: MinaNode[] }>());
+const initSuccess = createAction(
+  type('Init Success'),
+  props<{ activeNode: MinaNode; nodes: MinaNode[] }>(),
+);
 
-const changeActiveNode = createAction(type('Change Active Node'), props<{ node: MinaNode }>());
+const changeActiveNode = createAction(
+  type('Change Active Node'),
+  props<{ node: MinaNode }>(),
+);
 const getNodeDetails = createAction(type('Get Node Details'));
-const getNodeDetailsSuccess = createAction(type('Get Node Details Success'), props<{ details: AppNodeDetails }>());
+const getNodeDetailsSuccess = createAction(
+  type('Get Node Details Success'),
+  props<{ details: AppNodeDetails }>(),
+);
 const getNodeEnvBuild = createAction(type('Get Node Env Build'));
-const getNodeEnvBuildSuccess = createAction(type('Get Node Env Build Success'), props<{ envBuild: AppEnvBuild }>());
-const deleteNode = createAction(type('Delete Node'), props<{ node: MinaNode }>());
+const getNodeEnvBuildSuccess = createAction(
+  type('Get Node Env Build Success'),
+  props<{ envBuild: AppEnvBuild }>(),
+);
+const deleteNode = createAction(
+  type('Delete Node'),
+  props<{ node: MinaNode }>(),
+);
 const addNode = createAction(type('Add Node'), props<{ node: MinaNode }>());
 
-const changeMenuCollapsing = createAction(type('Change Menu Collapsing'), props<{ isCollapsing: boolean }>());
-const changeSubMenus = createAction(type('Change Sub Menus'), props<{ subMenus: string[] }>());
-const toggleMobile = createAction(type('Toggle Mobile'), props<{ isMobile: boolean }>());
+const changeMenuCollapsing = createAction(
+  type('Change Menu Collapsing'),
+  props<{ isCollapsing: boolean }>(),
+);
+const changeSubMenus = createAction(
+  type('Change Sub Menus'),
+  props<{ subMenus: string[] }>(),
+);
+const toggleMobile = createAction(
+  type('Toggle Mobile'),
+  props<{ isMobile: boolean }>(),
+);
 const toggleMenuOpening = createAction(type('Toggle Menu Opening'));
 
 export const AppActions = {
 
@@ -3,44 +3,56 @@
     <router-outlet></router-outlet>
     <!--    <mina-leaderboard-landing-page></mina-leaderboard-landing-page>-->
   } @else {
-    <mina-web-node-landing-page (goToNode)="goToWebNode()"
-                                (stopRequests)="clearNodeUpdateSubscription()"></mina-web-node-landing-page>
+    <mina-web-node-landing-page
+      (goToNode)="goToWebNode()"
+      (stopRequests)="clearNodeUpdateSubscription()"
+    ></mina-web-node-landing-page>
   }
 } @else if (showLoadingWebNodePage$ | async) {
   <router-outlet></router-outlet>
 } @else if (showLeaderboardPage$ | async) {
   <router-outlet></router-outlet>
 } @else if (loaded) {
-  <mat-sidenav-container [hasBackdrop]="false"
-                         class="w-100 h-100"
-                         *ngIf="menu$ | async as menu">
+  <mat-sidenav-container
+    [hasBackdrop]="false"
+    class="w-100 h-100"
+    *ngIf="menu$ | async as menu"
+  >
     @if (isDesktop) {
-      <mat-sidenav mode="side"
-                   [opened]="menu.open"
-                   [class.opened]="menu.open"
-                   [class.collapsed]="menu.collapsed"
-                   [class.mobile]="menu.isMobile">
+      <mat-sidenav
+        mode="side"
+        [opened]="menu.open"
+        [class.opened]="menu.open"
+        [class.collapsed]="menu.collapsed"
+        [class.mobile]="menu.isMobile"
+      >
         <mina-menu></mina-menu>
         <div class="backdrop" (click)="toggleMenu()"></div>
       </mat-sidenav>
     }
-    <mat-sidenav-content class="flex-column"
-                         [style.margin-left.px]="menu.isMobile ? 0 : (menu.collapsed ? 44 : 160)">
+    <mat-sidenav-content
+      class="flex-column"
+      [style.margin-left.px]="menu.isMobile ? 0 : menu.collapsed ? 44 : 160"
+    >
       @if (!hideToolbar) {
         <mina-toolbar></mina-toolbar>
       }
-      <div id="mina-content"
-           class="overflow-hidden"
-           [class.no-toolbar]="hideToolbar"
-           [class.no-submenus]="subMenusLength < 2"
-           [class.mobile]="menu.isMobile"
-           [class.uptime]="showLeaderboard">
+      <div
+        id="mina-content"
+        class="overflow-hidden"
+        [class.no-toolbar]="hideToolbar"
+        [class.no-submenus]="subMenusLength < 2"
+        [class.mobile]="menu.isMobile"
+        [class.uptime]="showLeaderboard"
+      >
         <router-outlet></router-outlet>
       </div>
       @if (!isDesktop) {
-        <mina-submenu-tabs [class.d-none]="subMenusLength < 2"
-                           class="mobile-menu border-top"
-                           (subMenusLength)="onSubmenusLengthChange($event)"></mina-submenu-tabs>
+        <mina-submenu-tabs
+          [class.d-none]="subMenusLength < 2"
+          class="mobile-menu border-top"
+          (subMenusLength)="onSubmenusLengthChange($event)"
+        ></mina-submenu-tabs>
         <mina-menu-tabs></mina-menu-tabs>
       }
     </mat-sidenav-content>
 
@@ -79,7 +79,6 @@ mat-sidenav-content {
     margin-bottom: 4px;
     border-top-right-radius: 6px;
 
-
     &.uptime {
       $toolbar: 130px;
       height: calc(100% - #{$toolbar} - #{$subMenus} - #{$tabs});
 
@@ -57,11 +57,29 @@ declare var AOS: any;
   ],
 })
 export class AppComponent extends StoreDispatcher implements OnInit {
-
   readonly menu$: Observable<AppMenu> = this.select$(AppSelectors.menu);
-  readonly showLandingPage$: Observable<boolean> = this.select$(getMergedRoute).pipe(filter(Boolean), map((route: MergedRoute) => route.url === '/' || route.url.startsWith('/?')));
-  readonly showLoadingWebNodePage$: Observable<boolean> = this.select$(getMergedRoute).pipe(filter(Boolean), map((route: MergedRoute) => route.url.startsWith(`/${Routes.LOADING_WEB_NODE}`)));
-  readonly showLeaderboardPage$: Observable<boolean> = this.select$(getMergedRoute).pipe(filter(Boolean), map((route: MergedRoute) => route.url.startsWith(`/${Routes.LEADERBOARD}`)));
+  readonly showLandingPage$: Observable<boolean> = this.select$(
+    getMergedRoute,
+  ).pipe(
+    filter(Boolean),
+    map(
+      (route: MergedRoute) => route.url === '/' || route.url.startsWith('/?'),
+    ),
+  );
+  readonly showLoadingWebNodePage$: Observable<boolean> = this.select$(
+    getMergedRoute,
+  ).pipe(
+    filter(Boolean),
+    map((route: MergedRoute) =>
+      route.url.startsWith(`/${Routes.LOADING_WEB_NODE}`),
+    ),
+  );
+  readonly showLeaderboardPage$: Observable<boolean> = this.select$(
+    getMergedRoute,
+  ).pipe(
+    filter(Boolean),
+    map((route: MergedRoute) => route.url.startsWith(`/${Routes.LEADERBOARD}`)),
+  );
   subMenusLength: number = 0;
   hideToolbar: boolean = CONFIG.hideToolbar;
   showLeaderboard: boolean = CONFIG.showLeaderboard;
@@ -70,9 +88,11 @@ export class AppComponent extends StoreDispatcher implements OnInit {
 
   private nodeUpdateSubscription: Subscription | null = null;
 
-  constructor(private breakpointObserver: BreakpointObserver,
-              private router: Router,
-              private webNodeService: WebNodeService) {
+  constructor(
+    private breakpointObserver: BreakpointObserver,
+    private router: Router,
+    private webNodeService: WebNodeService,
+  ) {
     AOS.init();
 
     super();
@@ -91,17 +111,28 @@ export class AppComponent extends StoreDispatcher implements OnInit {
         localStorage.setItem('webnodeArgs', args);
       }
     }
-    this.select(getMergedRoute, () => {
-      this.loaded = true;
-      this.detect();
-    }, filter(Boolean), take(1));
+    this.select(
+      getMergedRoute,
+      () => {
+        this.loaded = true;
+        this.detect();
+      },
+      filter(Boolean),
+      take(1),
+    );
 
     if (CONFIG.showLeaderboard && CONFIG.showWebNodeLandingPage) {
       /* frontend with some landing page */
-      this.select(getMergedRoute, () => {
-        this.initAppFunctionalities();
-      }, filter((route: MergedRoute) => route?.url.startsWith('/loading-web-node')), take(1));
-
+      this.select(
+        getMergedRoute,
+        () => {
+          this.initAppFunctionalities();
+        },
+        filter((route: MergedRoute) =>
+          route?.url.startsWith('/loading-web-node'),
+        ),
+        take(1),
+      );
     } else if (!CONFIG.showLeaderboard && !CONFIG.showWebNodeLandingPage) {
       /* normal frontend (no landing pages) */
       this.initAppFunctionalities();
@@ -114,9 +145,14 @@ export class AppComponent extends StoreDispatcher implements OnInit {
   }
 
   private initAppFunctionalities(): void {
-    if (this.webNodeService.hasWebNodeConfig() && !this.webNodeService.isWebNodeLoaded()) {
+    if (
+      this.webNodeService.hasWebNodeConfig() &&
+      !this.webNodeService.isWebNodeLoaded()
+    ) {
       if (!getWindow()?.location.href.includes(`/${Routes.LOADING_WEB_NODE}`)) {
-        this.router.navigate([Routes.LOADING_WEB_NODE], { queryParamsHandling: 'preserve' });
+        this.router.navigate([Routes.LOADING_WEB_NODE], {
+          queryParamsHandling: 'preserve',
+        });
       }
     }
     this.dispatch2(AppActions.init());