Compare commits
No commits in common. "439f7d219e72417c966d96b753d2573d2ee9853d" and "06a7f22182143b8e81bd5ad53097a791a59dbed4" have entirely different histories.
439f7d219e
...
06a7f22182
1
web/.gitignore
vendored
1
web/.gitignore
vendored
@ -24,4 +24,3 @@ dist-ssr
|
|||||||
*.sw?
|
*.sw?
|
||||||
|
|
||||||
.env
|
.env
|
||||||
.vite
|
|
||||||
|
|||||||
@ -57,10 +57,6 @@ export default function RecipePage() {
|
|||||||
console.error(error);
|
console.error(error);
|
||||||
}, [error]);
|
}, [error]);
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
console.log(recipe?.Description);
|
|
||||||
}, [recipe]);
|
|
||||||
|
|
||||||
return recipe ? (
|
return recipe ? (
|
||||||
<>
|
<>
|
||||||
<img className="bg-gray-100 w-full h-64 md:h-96 mx-auto mb-8" src={RecipePlaceholder} />
|
<img className="bg-gray-100 w-full h-64 md:h-96 mx-auto mb-8" src={RecipePlaceholder} />
|
||||||
@ -77,7 +73,7 @@ export default function RecipePage() {
|
|||||||
</section>
|
</section>
|
||||||
<div className="px-4 py-8 md:px-8">
|
<div className="px-4 py-8 md:px-8">
|
||||||
<h3 className="text-xl text-gray-800 font-semibold mb-2">About this recipe</h3>
|
<h3 className="text-xl text-gray-800 font-semibold mb-2">About this recipe</h3>
|
||||||
<p className="text-gray-700 whitespace-pre-line wrap-break-word">{recipe.Description}</p>
|
<p className="text-gray-700">{recipe.Description}</p>
|
||||||
</div>
|
</div>
|
||||||
<IngredientList sections={recipe.Sections} ingredients={recipe.Ingredients} />
|
<IngredientList sections={recipe.Sections} ingredients={recipe.Ingredients} />
|
||||||
<InstructionList instructions={recipe.Instructions} />
|
<InstructionList instructions={recipe.Instructions} />
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user