{title || name}
diff --git a/src/components/Navbar.js b/src/components/Navbar.tsx
similarity index 96%
rename from src/components/Navbar.js
rename to src/components/Navbar.tsx
index e8421cb..122d923 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.tsx
@@ -7,7 +7,7 @@ import SearchLogo from '../static/images/search-icon.svg'
import NetflixLogo from '../static/images/Netflix_Logo_RGB.png'
import BellLogo from '../static/images/bell-logo.svg'
import DropdownArrow from '../static/images/drop-down-arrow.svg'
-import DropdownContent from '../components/DropdownContent'
+import DropdownContent from './DropdownContent'
const Navbar = () => {
const navigate = useNavigate()
@@ -16,7 +16,7 @@ const Navbar = () => {
const [scrollDimensions] = useScroll()
const { scrollY } = scrollDimensions
- const onChange = async (event) => {
+ const onChange = async (event: any) => {
setUserInput(event.target.value)
}
diff --git a/src/components/UI/Backdrop.js b/src/components/UI/Backdrop.js
deleted file mode 100644
index 23d8267..0000000
--- a/src/components/UI/Backdrop.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from 'react'
-
-const backdrop = ({ toggleBackdrop, show }) =>
- show ?
: null
-
-export default backdrop
diff --git a/src/components/UI/Modal.js b/src/components/UI/Modal.js
deleted file mode 100644
index c282e2e..0000000
--- a/src/components/UI/Modal.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react'
-
-import Backdrop from './Backdrop'
-
-const Modal = ({ show, modalClosed, children, backgroundImage }) => {
- const backgroundStyle = {
- backgroundSize: 'cover',
- backgroundImage: `url(https://image.tmdb.org/t/p/original/${backgroundImage})`,
- }
-
- return (
-
- )
-}
-
-export default Modal
diff --git a/src/getMovie.js b/src/getMovie.js
deleted file mode 100644
index abff143..0000000
--- a/src/getMovie.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import MovieGenre from './components/MovieGenre';
-import React from 'react';
-
-export function getMovieRows(movies, url) {
- const movieRow = movies.map((movie) => {
- let movieImageUrl =
- 'https://image.tmdb.org/t/p/w500/' + movie.backdrop_path;
- if (
- url === `/discover/tv?api_key=${process.env.API_KEY}&with_networks=213`
- ) {
- movieImageUrl =
- 'https://image.tmdb.org/t/p/original/' + movie.poster_path;
- }
-
- if (movie.poster_path && movie.backdrop_path !== null) {
- const movieComponent = (
-
- );
-
- return movieComponent;
- }
- });
-
- return movieRow;
-}
diff --git a/src/hooks/index.js b/src/hooks/index.ts
similarity index 53%
rename from src/hooks/index.js
rename to src/hooks/index.ts
index 98cec71..28b636c 100644
--- a/src/hooks/index.js
+++ b/src/hooks/index.ts
@@ -1,6 +1,5 @@
import { useDebounce } from './useDebounce'
import { useScroll } from './useScroll'
import { useViewport } from './useViewport'
-import { useWithRouter } from './useWithRouter'
-export { useDebounce, useScroll, useViewport, useWithRouter }
+export { useDebounce, useScroll, useViewport }
diff --git a/src/hooks/useDebounce.js b/src/hooks/useDebounce.ts
similarity index 91%
rename from src/hooks/useDebounce.js
rename to src/hooks/useDebounce.ts
index 23ad049..ad25d91 100644
--- a/src/hooks/useDebounce.js
+++ b/src/hooks/useDebounce.ts
@@ -1,6 +1,6 @@
import { useState, useEffect } from 'react'
-export const useDebounce = (value, delay) => {
+export const useDebounce = (value: string, delay: number) => {
// State and setters for debounced value
const [debouncedValue, setDebouncedValue] = useState(value)
diff --git a/src/hooks/useScroll.js b/src/hooks/useScroll.ts
similarity index 100%
rename from src/hooks/useScroll.js
rename to src/hooks/useScroll.ts
diff --git a/src/hooks/useViewport.js b/src/hooks/useViewport.ts
similarity index 100%
rename from src/hooks/useViewport.js
rename to src/hooks/useViewport.ts
diff --git a/src/index.html b/src/index.html
index 0d117d9..b8e8269 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,16 +1,17 @@
+
+
+
+
+
+
Netflix Clone
+
-
-
-
-
-
-
Netflix Clone
-
-
-
-
-
-
-
\ No newline at end of file
+
+
+
+