mvp для просмотра и загрузки фильмов

src/components/CardExtend.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import {Button, Card, Col, Row} from 'react-bootstrap';
+
+const CardExtended = ({item, selectHandle}) => {
+    const rating = item.ratings?.imdb?.value ?? null;
+    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'}}/>
+                </Col>
+                <Col md={9}>
+                    <Card.Body>
+                        <Card.Title>{item.title}</Card.Title>
+                        <Card.Text>
+                            <strong>Год:</strong> {item.year}<br/>
+                            <strong>Рейтинг:</strong> {rating}<br/>
+                            {item.overview}
+                        </Card.Text>
+                    </Card.Body>
+                </Col>
+            </Row>
+            <Row>
+                <Col style={{justifyContent: 'end'}}>
+                    <Button variant={'outline-primary'} title={"Download"}>Загрузить</Button>
+                </Col>
+            </Row>
+        </Card>
+    );
+};
+
+export default CardExtended;