From 02882e41541aa0d48c3181fde13efb881c5b0479 Mon Sep 17 00:00:00 2001
From: Konstantin Lysenko <konstantin.it.lysenko@gmail.com>
Date: Mon, 18 Dec 2023 22:34:00 +0200
Subject: [PATCH] add MoviesList logic

---
 src/components/MoviesList/MoviesList.jsx | 28 ++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 src/components/MoviesList/MoviesList.jsx

diff --git a/src/components/MoviesList/MoviesList.jsx b/src/components/MoviesList/MoviesList.jsx
new file mode 100644
index 0000000..44727bf
--- /dev/null
+++ b/src/components/MoviesList/MoviesList.jsx
@@ -0,0 +1,28 @@
+import defaultPoster from '../../images/default-poster.jpeg';
+import { List, Item, MovieLink, MovieTitle } from './MoviesList.styled';
+
+const MoviesList = ({ movies }) => {
+  return (
+    <List>
+      {movies.map(({ id, original_title, poster_path }) => {
+        return (
+          <Item key={id}>
+            <MovieLink to={`/movies/${id}`}>
+              <img
+                src={
+                  poster_path
+                    ? `https://image.tmdb.org/t/p/w500${poster_path}`
+                    : defaultPoster
+                }
+                alt={original_title}
+              />
+              <MovieTitle>{original_title}</MovieTitle>
+            </MovieLink>
+          </Item>
+        );
+      })}
+    </List>
+  );
+};
+
+export default MoviesList;