From 46524bf85e8fb08f541c8079ee98a51b601388c3 Mon Sep 17 00:00:00 2001
From: rosh <roshinift2lev@gmail.com>
Date: Thu, 13 Aug 2020 11:45:12 +0530
Subject: [PATCH] adding rating selectbox

---
 src/pages/Movie.js | 56 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 src/pages/Movie.js

diff --git a/src/pages/Movie.js b/src/pages/Movie.js
new file mode 100644
index 0000000..b919e45
--- /dev/null
+++ b/src/pages/Movie.js
@@ -0,0 +1,56 @@
+import React, { useState, useEffect } from "react";
+import { Link } from "@reach/router";
+import styled from "styled-components";
+
+function Movie(props) {
+	const [movie, setMovie] = useState({});
+	const [error, setError] = useState("");
+
+	const movieId = props.movieId;
+
+	useEffect(() => {
+		const main = async () => {
+			try {
+				const Token = window.localStorage.getItem("Token");
+				const response = await fetch(
+					"https://mkr.thefeathers.in/movie/" + movieId,
+					{
+						method: "GET",
+						headers: new Headers({ Authentication: Token }),
+					},
+				);
+				const data = await response.json();
+
+				if (data.success) {
+					setError("");
+					setMovie(data.data);
+				} else {
+					setError("Error occured. " + data.msg || "");
+				}
+			} catch (e) {
+				setError("Error occured. " + e.message || "");
+			}
+		};
+
+		main();
+	}, [movieId]);
+
+	return (
+		<div>
+			{error ? <p>{error}</p> : ""}
+			<img src={movie.poster}></img>
+			{[
+				movie.movieId,
+				movie.title,
+				movie.overview,
+				movie.release,
+				movie.watchStatus,
+				movie.rating,
+			].map(value => {
+				return <div key={value}>{value}</div>;
+			})}
+		</div>
+	);
+}
+
+export default Movie;