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

Merge pull request '(FIX): Fixed the description display issue.' (#72) from fix/description into master
All checks were successful
Deploy application with Docker / build_and_deploy (push) Successful in 58s
Details

Browse Source 
Reviewed-on: #72
This commit is contained in:
Hayden Hargreaves 2026-01-09 19:35:43 -07:00
commit 439f7d219e
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? *.sw?
.env .env
.vite

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

@ -57,6 +57,10 @@ 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} />
@ -73,7 +77,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">{recipe.Description}</p> <p className="text-gray-700 whitespace-pre-line wrap-break-word">{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} />