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

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