app-routing.module.ts

// Angular
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

// Guards
import { AuthGuard } from '@app/auth/auth.guard';

// Components
import { HomeComponent } from './components/routes/home/home.component';
import { ConnectComponent } from './components/routes/connect/connect.component';
import { PlaylistsComponent } from './components/routes/playlists/playlists.component';
import { DevicesComponent } from './components/routes/devices/devices.component';
import { NowPlayingComponent } from './components/routes/now-playing/now-playing.component';
import { ErrorComponent } from './components/routes/error/error.component';

const routes: Routes = [
  {
    path: '',
    component: HomeComponent,
    pathMatch: 'full',
  },
  {
    path: 'connect',
    component: ConnectComponent,
    pathMatch: 'full',
  },
  {
    path: 'playlists',
    component: PlaylistsComponent,
    pathMatch: 'full',
    canActivate: [AuthGuard],
  },
  {
    path: 'devices',
    component: DevicesComponent,
    pathMatch: 'full',
    canActivate: [AuthGuard],
  },
  {
    path: 'now-playing',
    component: NowPlayingComponent,
    pathMatch: 'full',
    canActivate: [AuthGuard],
  },
  {
    path: 'error',
    component: ErrorComponent,
    pathMatch: 'full',
    canActivate: [AuthGuard],
  },
];

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