diff --git a/client/src/components/recipe/RecipeCard.tsx b/client/src/components/recipe/RecipeCard.tsx index acf73f1..2ed1314 100644 --- a/client/src/components/recipe/RecipeCard.tsx +++ b/client/src/components/recipe/RecipeCard.tsx @@ -9,13 +9,13 @@ type RecipeCardProps = { export function RecipeCard({ recipe }: RecipeCardProps) { return ( - +
- {recipe.title}/ + {recipe.title}/

{recipe.title}

-

{recipe.prepTime} minutter

-

{recipe.portions} porsjoner

+

{recipe.prepTimeMinutes} minutter

+

{recipe.servings} porsjoner

{recipe.averageRating !== null ?( diff --git a/client/src/components/recipe/RecipeDetail.tsx b/client/src/components/recipe/RecipeDetail.tsx index f7d0734..572e1a9 100644 --- a/client/src/components/recipe/RecipeDetail.tsx +++ b/client/src/components/recipe/RecipeDetail.tsx @@ -17,8 +17,8 @@ export function RecipeDetail({ recipe }: RecipeDetailProps) {
    {recipe.tags.map((tag) => ( -
  • - {tag.tagName} +
  • + {tag.name}
  • ))}
@@ -40,18 +40,18 @@ export function RecipeDetail({ recipe }: RecipeDetailProps) {

{recipe.description}

-

{recipe.prepTime} minutter

-

{recipe.portions} porsjoner

+

{recipe.prepTimeMinutes} minutter

+

{recipe.servings} porsjoner

- {recipe.title}/ + {recipe.title}/

Ingredienser

    {recipe.ingredients.map((ingredient) => ( -
  • +
  • Steg
      {recipe.steps.map((step) => ( -
    1. +
    2. {recipes.map((recipe) => ( // Én slide som bruker hele bredden i vinduet -
      +
      {/* Tomt alternativ for bildet, ettersom tittelen allerede står rett ved siden av bildet. */} - +

      {recipe.title}

      {recipe.description}

      -

      {recipe.prepTime} min

      -

      {recipe.portions} porsjoner

      +

      {recipe.prepTimeMinutes} min

      +

      {recipe.servings} porsjoner

        {recipe.tags.map((tag) => ( -
      • - {tag.tagName} +
      • + {tag.name}
      • ))}
      - Se oppskrift + Se oppskrift
      @@ -100,7 +100,7 @@ export function RecipeSlideshow({ recipes, reversed = false, theme = 'light' }:
      {recipes.map((recipe, index) => (