Merge pull request #40 from restorecommerce/feature/account-profile-a…

…nd-preferences-design Feature/account profile and preferences design
restorecommerce · Sep 14, 2023 · 375423d · 375423d
2 parents 4141a07 + d3e08f8
commit 375423d
Show file tree

Hide file tree

Showing 131 changed files with 4,827 additions and 2,339 deletions.
diff --git a/apps/restorecommerce/src/app/app.module.ts b/apps/restorecommerce/src/app/app.module.ts
@@ -2,7 +2,7 @@ import { HttpClientModule } from '@angular/common/http';
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterModule } from '@angular/router';
+import { RouterModule, TitleStrategy } from '@angular/router';
 
 import { VCLDateAdapterModule } from '@vcl/ng-vcl';
 
@@ -14,6 +14,7 @@ import { environment } from '../environments/environment';
 import { AppComponent } from './app.component';
 import { appRoutes } from './app.routes';
 import { AppStateModule } from './app.state.module';
+import { RoutesTitleStrategyService } from './routes-title-strategy.service';
 
 @NgModule({
   declarations: [AppComponent],
@@ -37,6 +38,10 @@ import { AppStateModule } from './app.state.module';
       provide: 'apiUrl',
       useValue: environment.urls.api,
     },
+    {
+      provide: TitleStrategy,
+      useClass: RoutesTitleStrategyService,
+    },
   ],
   bootstrap: [AppComponent],
 })

diff --git a/apps/restorecommerce/src/app/routes-title-strategy.service.ts b/apps/restorecommerce/src/app/routes-title-strategy.service.ts
@@ -0,0 +1,21 @@
+import { Injectable } from '@angular/core';
+import { Title } from '@angular/platform-browser';
+import { RouterStateSnapshot, TitleStrategy } from '@angular/router';
+
+import { APP } from '@console-core/config';
+
+@Injectable({ providedIn: 'root' })
+export class RoutesTitleStrategyService extends TitleStrategy {
+  constructor(private readonly title: Title) {
+    super();
+  }
+
+  override updateTitle(routerState: RouterStateSnapshot): void {
+    const text = this.buildTitle(routerState);
+    if (text === undefined) {
+      return;
+    }
+
+    this.title.setTitle(`${text} | ${APP.name}`);
+  }
+}
diff --git a/apps/restorecommerce/src/index.html b/apps/restorecommerce/src/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <title>restorecommerce</title>
+    <title>Restorecommerce</title>
     <base href="/" />
     <meta
       name="viewport"