SFM-Broker/src/app/app-routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AuthComponent } from './auth/auth.component';
import { CanvasComponent } from './canvas/canvas.component';
import { DashboardComponent } from './dashboard/dashboard.component';
import { AuthGuard } from './service/auth-guard.service';
import { TransactionListComponent } from './transaction-list/transaction-list.component';
import { TransactionComponent } from './transaction/transaction.component';


const routes: Routes = [
  {path : '', component: DashboardComponent, canActivate: [AuthGuard]},
  {path : 'canvas', component: CanvasComponent},
  {path : 'dashboard', component: DashboardComponent, canActivate: [AuthGuard],},
  {path : 'login', component: AuthComponent},
  {path : 'transaction', component: TransactionComponent, canActivate: [AuthGuard],},
  {path : 'transaction-list', component: TransactionListComponent, canActivate: [AuthGuard],},
];

@NgModule({
  imports: [RouterModule.forRoot(routes, {useHash: true} )],
  exports: [RouterModule]
})
export class AppRoutingModule {
  
}