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

const ROUTES: Routes = [
  {
    path: '',
    redirectTo: 'shift',
    pathMatch: 'full',
  },
  {
    path: 'shift',
    loadChildren: () =>
      import('./views/swap/swap.module').then((m) => m.SwapModule),
  },
  {
    path: 'transfer',
    loadChildren: () =>
      import('./views/transfer/transfer.module').then((m) => m.TransferModule),
  },
  {
    path: 'vault',
    loadChildren: () =>
      import('./views/wallet/wallet.module').then((m) => m.WalletModule),
  },
  {
    path: 'mpc',
    loadChildren: () =>
      import('./views/mpc/mpc.module').then((m) => m.MpcModule),
  },
  {
    path: 'swap',
    loadChildren: () =>
      import('./views/upgrade/upgrade.module').then((m) => m.UpgradeModule),
  },
  {
    path: 'stake',
    loadChildren: () =>
      import('./views/stake/stake.module').then((m) => m.StakeModule),
  },
  {
    path: 'error',
    loadChildren: () =>
      import('./views/error/error.module').then((m) => m.ErrorModule),
  },
  {
    path: '**',
    redirectTo: '/error',
  },
];

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