улучшено наполнение карточек фильмов

This commit is contained in:
Kayashov.SM
2025-09-29 17:57:25 +04:00
parent 0d030220c5
commit 3eed7336a5
3 changed files with 43 additions and 12 deletions

View File

@@ -1,20 +1,21 @@
import React from 'react';
import {Button, Card, Col, Row} from 'react-bootstrap';
import {getCardContent} from "./contentCard";
const CardExtended = ({item, selectHandle}) => {
const rating = item.ratings?.imdb?.value ?? null;
const cc = getCardContent(item);
return (
<Card className="mb-3" style={{width: '100%'}} onClick={() => selectHandle(item)}>
<Row>
<Col md={3}>
<Card.Img variant="top" src={item.remotePoster} style={{marginTop: '1rem'}}/>
<Card.Img variant="top" src={cc.image} style={{marginTop: '1rem'}}/>
</Col>
<Col md={9}>
<Card.Body>
<Card.Title>{item.title}</Card.Title>
<Card.Text>
<strong>Год:</strong> {item.year}<br/>
<strong>Рейтинг:</strong> {rating}<br/>
<strong>Рейтинг:</strong> {cc.rating}<br/>
{item.overview}
</Card.Text>
</Card.Body>