app.routing.ts

import { RoleGuard } from './services/role-guard.service';
import { RouterModule } from '@angular/router';

import { AuthGuard } from './services/auth-guard.service';

import { LoginComponent } from './components/auth/login.component';
import { RegisterComponent } from './components/auth/register.component';
import { GamesComponent } from './components/games/games.component';
import { ProfileComponent } from './components/users/profile.component';
import { ErrorComponent } from './components/error/error.component';
import { EditUserComponent } from './components/users/edit-user.component';
import { GamePageComponent } from './components/games/game-page.component';
import { ControlPanelComponent } from './components/games/control-panel.component';
import { CartComponent } from './components/users/cart.component';
import { CheckoutComponent } from './components/users/checkout.component';
import { SearchComponent } from './components/games/search.component';
import { AddGameComponent } from './components/games/add-game.component';
import { EditGameComponent } from './components/games/edit-game.component';

const appRoutes = [
  { path: 'login', component: LoginComponent },
  { path: 'register', component: RegisterComponent },
  { path: '', component: GamesComponent },
  {
    path: 'profile/:id',
    component: ProfileComponent,
    canActivate: [AuthGuard],
  },
  { path: 'error/:id', component: ErrorComponent },
  {
    path: 'editProfile/:id',
    component: EditUserComponent,
    canActivate: [AuthGuard],
  },
  { path: 'game/:id', component: GamePageComponent },
  {
    path: 'controlPanel',
    component: ControlPanelComponent,
    canActivate: [RoleGuard],
  },
  { path: 'cart/:id', component: CartComponent, canActivate: [AuthGuard] },
  {
    path: 'checkout/:id',
    component: CheckoutComponent,
    canActivate: [AuthGuard],
  },
  { path: 'search', component: SearchComponent, pathMatch: 'full' },
  { path: 'search/:name/:category', component: SearchComponent },
  { path: 'newGame', component: AddGameComponent, canActivate: [RoleGuard] },
  {
    path: 'editGame/:id',
    component: EditGameComponent,
    canActivate: [RoleGuard],
  },
  { path: '**', redirectTo: 'error/404' },
];

export const routing = RouterModule.forRoot(appRoutes);