fix: Removed price label if no price exists

Signed-off-by: Johannes Groß <mail@gross-johannes.de>
jo-gross · Feb 21, 2024 · 0dec065 · 0dec065
1 parent d8abd5a
commit 0dec065
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/components/cocktails/CompactCocktailRecipeInstruction.tsx b/components/cocktails/CompactCocktailRecipeInstruction.tsx
@@ -24,7 +24,9 @@ export function CompactCocktailRecipeInstruction(props: CompactCocktailRecipeIns
         {props.cocktailRecipe.name == '' ? '<Name>' : props.cocktailRecipe.name}
       </div>
       {props.showPrice == true ? (
-        <div className={'col-span-1 text-right text-xl font-bold'}>{props.specialPrice ?? props.cocktailRecipe.price ?? '-'} €</div>
+        <div className={'col-span-1 text-right text-xl font-bold'}>
+          {(props.specialPrice ?? props.cocktailRecipe.price) != undefined ? props.specialPrice ?? props.cocktailRecipe.price + ' €' : ''}
+        </div>
       ) : (
         <></>
       )}

diff --git a/components/modals/CocktailDetailModal.tsx b/components/modals/CocktailDetailModal.tsx
@@ -70,7 +70,15 @@ export function CocktailDetailModal(props: CocktailDetailModalProps) {
             )}
           </>
           <h2 className={'card-title flex-1'}>
-            {props.cocktail.name} - <span className={'font-bold'}>{props.cocktail.price ?? '-'} €</span>
+            {props.cocktail.name}
+            {props.cocktail.price != undefined ? (
+              <>
+                {' - '}
+                <span className={'font-bold'}>{props.cocktail.price + ' €'}</span>
+              </>
+            ) : (
+              <></>
+            )}
           </h2>
         </div>
         <div className={'grid grid-cols-2 gap-4'}>