community: smoother center landing (fixes #9077) (#9204)

Co-authored-by: dogi <[email protected]>

Author: Mutugiii

package.json

@@ -1,10 +1,10 @@
 {
   "name": "planet",
   "license": "AGPL-3.0",
-  "version": "0.20.50",
+  "version": "0.20.51",
   "myplanet": {
-    "latest": "v0.34.54",
-    "min": "v0.33.54"
+    "latest": "v0.34.90",
+    "min": "v0.33.90"
   },
   "scripts": {
     "ng": "ng",

src/app/home/home-router.module.ts

@@ -81,6 +81,7 @@ const routes: Routes = [
   {
     path: '',
     component: CommunityComponent,
+    canActivate: [ AuthService.centerLandingGuard ],
     children: [ { path: 'voices/:id', component: NewsListComponent } ]
   },
   {

src/app/home/home.component.ts

@@ -205,7 +205,7 @@ export class HomeComponent implements OnInit, DoCheck, AfterViewChecked, OnDestr
       catchError(errorCatch)
     ).subscribe((response: any) => {
       this.userService.unset();
-      this.router.navigate([ '/' ], {});
+      this.router.navigate([ this.stateService.configuration.planetType === 'center' ? '/login' : '/' ], {});
     });
   }
 

src/app/shared/auth-guard.service.ts

@@ -1,11 +1,12 @@
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { UserService } from './user.service';
 import { Observable, of } from 'rxjs';
 import { switchMap, map } from 'rxjs/operators';
-import { Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
+import { Router, ActivatedRouteSnapshot, RouterStateSnapshot, CanActivateFn } from '@angular/router';
 import { PouchAuthService } from './database/pouch-auth.service';
 import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 import { LoginDialogComponent } from '../login/login-dialog.component';
+import { StateService } from './state.service';
 
 @Injectable({
   providedIn: 'root'
@@ -16,7 +17,8 @@ export class AuthService {
     private userService: UserService,
     private router: Router,
     private pouchAuthService: PouchAuthService,
-    private dialog: MatDialog
+    private dialog: MatDialog,
+    private stateService: StateService
   ) { }
 
   private getSession$() {
@@ -42,10 +44,10 @@ export class AuthService {
         return dialogRef.afterClosed().pipe(switchMap(loginState => {
           if (loginState === undefined) {
             // If the current routerState snapshot url is a blank string, the user got here via
-            // directly pasting in a link to a guarded route. Need to reroute to the community page
+            // directly pasting in a link to a guarded route. Need to reroute to the appropriate default page
             // before closing the dialog.
             if (this.router.routerState.snapshot.url === '') {
-              this.router.navigate([ '/' ]);
+              this.router.navigate([ this.stateService.configuration.planetType === 'center' ? '/login' : '/' ]);
             }
             return of(false);
           }
@@ -74,7 +76,7 @@ export class AuthService {
     return this.getSession$().pipe(
       map((sessionInfo) => {
         if (sessionInfo.userCtx.name) {
-          this.router.navigate([ '' ]);
+          this.router.navigate([ this.stateService.configuration.planetType === 'center' ? '/myDashboard' : '' ]);
           return false;
         }
         return true;
@@ -93,4 +95,16 @@ export class AuthService {
     );
   }
 
+  static centerLandingGuard: CanActivateFn = () => {
+    const router = inject(Router);
+    const stateService = inject(StateService);
+
+    // Only redirect on first navigation for center planets
+    if (!router.navigated && stateService.configuration.planetType === 'center') {
+      router.navigate(['/login']);
+      return false;
+    }
+    return true;
+  };
+
 }

src/app/shared/state.service.ts

@@ -14,13 +14,13 @@ export class StateService {
   private inProgress = { local: new Map(), parent: new Map() };
 
   get configuration(): any {
-    const config = this.state.local.configurations.docs[0] || {};
+    const config = this.state.local.configurations?.docs[0] || {};
     const { keys, ...safeConfig } = config;
     return safeConfig;
   }
 
   get keys(): any {
-    return this.state.local.configurations.docs[0]?.keys || {};
+    return this.state.local.configurations?.docs[0]?.keys || {};
   }
 
   constructor(