\r\n
\r\n )\r\n}\r\n\r\nexport default MovieCard;","var _path, _path2;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgSearch(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 42,\n height: 42,\n viewBox: \"0 0 42 42\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M29.8594 29.8594L39.4219 39.4219\",\n stroke: \"#D88769\",\n strokeWidth: 4.5,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.9062 33.0469C26.2682 33.0469 33.0469 26.2682 33.0469 17.9062C33.0469 9.54431 26.2682 2.76562 17.9062 2.76562C9.54431 2.76562 2.76562 9.54431 2.76562 17.9062C2.76562 26.2682 9.54431 33.0469 17.9062 33.0469Z\",\n stroke: \"#D88769\",\n strokeWidth: 4.5,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgSearch);\nexport default __webpack_public_path__ + \"static/media/search.b416605642fcb3f2447edc96c1a80e05.svg\";\nexport { ForwardRef as ReactComponent };","import { useEffect, useState } from 'react';\r\n\r\n\r\nimport MovieCard from './MovieCard';\r\nimport './App.css';\r\nimport SearchIcon from './search.svg';\r\n\r\n// b405b586\r\n\r\nconst API_URL = 'http://www.omdbapi.com?apikey=b405b586';\r\n\r\nconst movie1 = {\r\n \"Title\": \"Spiderman\",\r\n \"Year\": \"1990\",\r\n \"imdbID\": \"tt0100669\",\r\n \"Type\": \"movie\",\r\n \"Poster\": \"N/A\"\r\n}\r\n\r\nconst App = ()=>{\r\n const [movies, setMovies] = useState([]);\r\n const [searchTerm, setSearchTerm] = useState('');\r\n\r\n const searchMovies = async (title)=>{\r\n const response = await fetch(`${API_URL}&s=${title}`);\r\n const data = await response.json();\r\n\r\n setMovies(data.Search);\r\n }\r\n\r\n useEffect(()=>{\r\n searchMovies('Spiderman');\r\n }, [])\r\n\r\n return (\r\n \r\n
\r\n \r\n {movie.Year}
\r\n\r\n 
\r\n
\r\n\r\n \r\n {movie.Type}\r\n
\r\n {movie.Title}
\r\n\r\n
\r\n );\r\n}\r\n\r\n\r\nexport default App; ","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport App from './App';\r\n\r\nReactDOM.render(MovieLand
\r\n\r\n\r\n setSearchTerm(e.target.value)} \r\n />\r\n\r\n searchMovies(searchTerm)}\r\n />\r\n
\r\n\r\n {movies?.length >0\r\n ? (\r\n \r\n {movies.map((movie)=> (\r\n < MovieCard movie = {movie} />\r\n ))} \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n