Moving Recipes and related around.

This commit is contained in:
Jesse Brault 2024-08-06 09:57:27 -05:00
parent ec891b28b6
commit 72f2ab1bf4
3 changed files with 12 additions and 12 deletions

View File

@ -1,6 +0,0 @@
import { createFileRoute } from '@tanstack/react-router'
import Recipes from '../../pages/recipes/Recipes'
export const Route = createFileRoute('/_auth/recipes')({
component: Recipes
})

6
src/routes/recipes.tsx Normal file
View File

@ -0,0 +1,6 @@
import { createFileRoute } from '@tanstack/react-router'
import Recipes from '../pages/recipes/Recipes'
export const Route = createFileRoute('/recipes')({
component: Recipes
})

View File

@ -4,11 +4,11 @@ import {
useLoaderData,
useParams
} from '@tanstack/react-router'
import { ApiError } from '../../../api/ApiError'
import getRecipe from '../../../api/getRecipe'
import Recipe from '../../../pages/recipe/Recipe'
import { ApiError } from '../../api/ApiError'
import getRecipe from '../../api/getRecipe'
import Recipe from '../../pages/recipe/Recipe'
export const Route = createFileRoute('/_auth/recipes/$username/$slug')({
export const Route = createFileRoute('/recipes/$username/$slug')({
loader: ({ abortController, context, params }) =>
context.queryClient.ensureQueryData({
queryKey: ['recipe', params.username, params.slug],
@ -22,7 +22,7 @@ export const Route = createFileRoute('/_auth/recipes/$username/$slug')({
}),
component() {
const recipe = useLoaderData({
from: '/_auth/recipes/$username/$slug'
from: '/recipes/$username/$slug'
})
return <Recipe {...{ recipe }} />
},
@ -44,7 +44,7 @@ export const Route = createFileRoute('/_auth/recipes/$username/$slug')({
},
notFoundComponent() {
const { username, slug } = useParams({
from: '/_auth/recipes/$username/$slug'
from: '/recipes/$username/$slug'
})
return (
<p>