StepanovPlaton/jelly_belly_wiki
1
0
Fork 0
mirror of https://github.com/StepanovPlaton/jelly_belly_wiki.git synced 2026-04-03 20:30:41 +04:00
Code Issues Packages Projects Releases Wiki Activity

Update readme

Browse Source
This commit is contained in:
Степанов Платон
2024-07-09 13:37:52 +04:00
parent 1577eabcde
commit 343a5be15b
41 changed files with 110 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/features/itemInfo/beanInfo.tsx
View File

@@ -28,7 +28,9 @@ export const BeanInfo = ({ item: bean }: { item: BeanType }) => {
<ul>
{bean.ingredients.length > 0 &&
bean.ingredients.map((ingredient) => (
<li className="text-sm tb:text-xs">- {ingredient}</li>
<li className="text-sm tb:text-xs" key={ingredient}>
- {ingredient}
</li>
))}
</ul>
{bean.ingredients.length == 0 && (
@@ -40,7 +42,9 @@ export const BeanInfo = ({ item: bean }: { item: BeanType }) => {
In theese groups:
<ul>
{bean.groupName.map((group) => (
<li className="text-sm">- {group}</li>
<li className="text-sm" key={group}>
- {group}
</li>
))}
</ul>
</div>
@@ -52,7 +56,7 @@ export const BeanInfo = ({ item: bean }: { item: BeanType }) => {
BeanPropertyDescription
) as (keyof typeof BeanPropertyDescription)[]
).map((property) => (
<li className="text-sm flex items-center pt-1">
<li className="text-sm flex items-center pt-1" key={property}>
- {BeanPropertyDescription[property]}:{" "}
{bean[property] ? (
<CheckIcon className="h-5 pl-2" />

46
src/features/itemInfo/recipeInfo.tsx
View File

@@ -38,39 +38,35 @@ export const RecipeInfo = ({ item: recipe }: { item: RecipeType }) => {
RecipeСookingDescription
) as (keyof typeof RecipeСookingDescription)[]
).map((property) => (
<>
<span className="text-lg">
{(recipe[property] as string[]).length > 0 &&
RecipeСookingDescription[property] + ":"}
</span>
<div key={property} className="pt-1">
{(recipe[property] as string[]).length > 0 &&
RecipeСookingDescription[property] + ":"}
<ul>
{(recipe[property] as string[]).length > 0 &&
(recipe[property] as string[]).map((ingredient) => (
<li className="text-sm tb:text-xs">- {ingredient}</li>
<li className="text-sm tb:text-xs" key={ingredient}>
- {ingredient}
</li>
))}
</ul>
</>
</div>
))}
</div>
<div className=" w-full tb:w-[35%]">
<div className="py-2">
<span className="text-lg">How long does it take:</span>
How long does it take:
<ul>
{(
Object.keys(
RecipePropertyDescription
) as (keyof typeof RecipePropertyDescription)[]
).map((property) => (
<>
{
<li className="text-sm flex items-center pt-1">
{`- ${RecipePropertyDescription[property]}: ${recipe[property]}`}
{recipe[property] == "" && (
<span className="text-fg4 pl-1">Classified</span>
)}
</li>
}
</>
<li className="text-sm flex items-center" key={property}>
{`- ${RecipePropertyDescription[property]}: ${recipe[property]}`}
{recipe[property] == "" && (
<span className="text-fg4 pl-1">Classified</span>
)}
</li>
))}
</ul>
</div>
@@ -80,18 +76,18 @@ export const RecipeInfo = ({ item: recipe }: { item: RecipeType }) => {
RecipeIngredientsDescription
) as (keyof typeof RecipeIngredientsDescription)[]
).map((property) => (
<>
<span className="text-lg">
{(recipe[property] as string[]).length > 0 &&
RecipeIngredientsDescription[property] + ":"}
</span>
<span key={property}>
{(recipe[property] as string[]).length > 0 &&
RecipeIngredientsDescription[property] + ":"}
<ul>
{(recipe[property] as string[]).length > 0 &&
(recipe[property] as string[]).map((ingredient) => (
<li className="text-sm tb:text-xs">- {ingredient}</li>
<li className="text-sm tb:text-xs" key={ingredient}>
- {ingredient}
</li>
))}
</ul>
</>
</span>
))}
</div>
</div>