azpect/Potion
1
1
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases Wiki Activity

(FIX): Fixed the description display issue.

Browse Source
This commit is contained in:
Hayden Hargreaves 2026-01-09 19:34:55 -07:00
parent 06a7f22182
commit 5e850d8127
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/.gitignore vendored
View File

@ -24,3 +24,4 @@ dist-ssr
*.sw?
.env
.vite

6
web/src/pages/Recipe.tsx
View File

@ -57,6 +57,10 @@ export default function RecipePage() {
console.error(error);
}, [error]);
useEffect(() => {
console.log(recipe?.Description);
}, [recipe]);
return recipe ? (
<>
<img className="bg-gray-100 w-full h-64 md:h-96 mx-auto mb-8" src={RecipePlaceholder} />
@ -73,7 +77,7 @@ export default function RecipePage() {
</section>
<div className="px-4 py-8 md:px-8">
<h3 className="text-xl text-gray-800 font-semibold mb-2">About this recipe</h3>
<p className="text-gray-700">{recipe.Description}</p>
<p className="text-gray-700 whitespace-pre-line wrap-break-word">{recipe.Description}</p>
</div>
<IngredientList sections={recipe.Sections} ingredients={recipe.Ingredients} />
<InstructionList instructions={recipe.Instructions} />