Create CocktailCard.tsx component - Githubissues

annagabain / fabulous-sheriffs-grupprojekt-react

Beskrivning av grupprojektet i React

2 stars 0 forks source link

Create CocktailCard.tsx component #45

Closed annagabain closed 1 month ago

annagabain commented 1 month ago

[x] Task: Create CocktailCard.tsx component
- Priority: Medium
- Value Points: [Number of points]
- Estimated Time: [Estimated time to complete, e.g., 1 hour]
- Tags: js/react, html, context
- Assignee: Sara

[11:03] Sara Vahidinovin: This is the cocktail card component:

import { Drink } from '../type';

export default function CocktailCard({ drink }: { drink: Drink }) {
    return (
        <div className="card">
            <img src={drink.strDrinkThumb} alt={drink.strDrink} className="card-image" />
            <h3>{drink.strDrink}</h3>
            {/* <p>{drink.strInstructions}</p> */}
        </div>
    );
}

annagabain commented 1 month ago

local tests passed on my branch with the SearchPage.tsx, waiting for @SaraVahidinovin pull request and merge to test with the main appliaction