59 lines
1.6 KiB
TypeScript
59 lines
1.6 KiB
TypeScript
import AdminChildPage from '@/components/AdminChildPage';
|
|
import { redirect } from 'next/navigation';
|
|
import { getPhotosCached, getPhotosMetaCached } from '@/photo/cache';
|
|
import { PATH_ADMIN, PATH_ADMIN_RECIPES, pathForRecipe } from '@/app/paths';
|
|
import PhotoLightbox from '@/photo/PhotoLightbox';
|
|
import AdminRecipeBadge from '@/admin/AdminRecipeBadge';
|
|
import AdminRecipeForm from '@/admin/AdminRecipeForm';
|
|
import { getRecipePropsFromPhotos } from '@/recipe';
|
|
import AdminShowRecipeButton from '@/admin/AdminShowRecipeButton';
|
|
|
|
const MAX_PHOTO_TO_SHOW = 6;
|
|
|
|
interface Props {
|
|
params: Promise<{ recipe: string }>
|
|
}
|
|
|
|
export default async function RecipePageEdit({
|
|
params,
|
|
}: Props) {
|
|
const { recipe: recipeFromParams } = await params;
|
|
|
|
const recipe = decodeURIComponent(recipeFromParams);
|
|
|
|
const [
|
|
{ count },
|
|
photos,
|
|
] = await Promise.all([
|
|
getPhotosMetaCached({ recipe }),
|
|
getPhotosCached({ recipe, limit: MAX_PHOTO_TO_SHOW }),
|
|
]);
|
|
|
|
const { data, film } = getRecipePropsFromPhotos(photos) ?? {};
|
|
|
|
if (count === 0) { redirect(PATH_ADMIN); }
|
|
|
|
return (
|
|
<AdminChildPage
|
|
backPath={PATH_ADMIN_RECIPES}
|
|
backLabel="Recipes"
|
|
breadcrumb={<AdminRecipeBadge {...{ recipe, count, hideBadge: true }} />}
|
|
accessory={data && film &&
|
|
<AdminShowRecipeButton
|
|
title={recipe}
|
|
data={data}
|
|
film={film}
|
|
/>
|
|
}
|
|
>
|
|
<AdminRecipeForm {...{ recipe, photos }}>
|
|
<PhotoLightbox
|
|
{...{ count, photos, recipe }}
|
|
maxPhotosToShow={MAX_PHOTO_TO_SHOW}
|
|
moreLink={pathForRecipe(recipe)}
|
|
/>
|
|
</AdminRecipeForm>
|
|
</AdminChildPage>
|
|
);
|
|
};
|