import { Routes } from '@angular/router';
import { RecipePage } from './pages/recipe-page/recipe-page';
import { RecipesPage } from './pages/recipes-page/recipes-page';
import { RecipesSearchPage } from './pages/recipes-search-page/recipes-search-page';
import { RecipeUploadPage } from './pages/recipe-upload-page/recipe-upload-page';

export const routes: Routes = [
    {
        path: '',
        component: RecipesPage,
    },
    {
        path: 'recipes-search',
        component: RecipesSearchPage,
    },
    {
        path: 'recipe-upload',
        component: RecipeUploadPage,
    },
    {
        path: 'recipes/:username/:slug',
        component: RecipePage,
    },
];