From cf9d19e64f016a638e7ae4653eeb6976bea04a2f Mon Sep 17 00:00:00 2001
From: andrzej <andrzejjamesstepien@gmail.com>
Date: Mon, 7 Oct 2024 18:52:12 +0200
Subject: [PATCH] fix build errors

---
 src/App.tsx                      | 5 +++--
 src/hooks/useWindowDimensions.ts | 2 +-
 src/objects/movie-wall.tsx       | 7 +++----
 src/objects/sidebar.tsx          | 1 +
 4 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 1ebfbb1..53c0aee 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,7 +1,7 @@
 import './spinner.css'
 import { MovieWall } from './objects/movie-wall'
 import { HamburgerMenu } from './objects/HamburgerMenu'
-import { useState, useEffect, useRef, useLayoutEffect } from 'react'
+import { useState, useEffect } from 'react'
 import tmdb from './objects/tmdb'
 import { Sidebar } from './objects/sidebar'
 import { Movie } from './objects/movie-wall'
@@ -81,7 +81,8 @@ function App() {
     while (movies.length < desiredLength && movies.length >= 6) { desiredLength = desiredLength - 6 }
     return movies.slice(0, desiredLength)
   }
-
+  //TODO: search bar
+  //TODO: genre search?
   return (
     <>
 
diff --git a/src/hooks/useWindowDimensions.ts b/src/hooks/useWindowDimensions.ts
index 77ad568..a3c81ec 100644
--- a/src/hooks/useWindowDimensions.ts
+++ b/src/hooks/useWindowDimensions.ts
@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef } from 'react';
+import { useState, useEffect } from 'react';
 
 function getWindowDimensions() {
 	const { innerWidth: width, innerHeight: height } = window;
diff --git a/src/objects/movie-wall.tsx b/src/objects/movie-wall.tsx
index 6319788..d2d6c24 100644
--- a/src/objects/movie-wall.tsx
+++ b/src/objects/movie-wall.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useLayoutEffect, useRef, useState } from "react"
+import React, { useState } from "react"
 import { Config } from "../App"
 import tmdb from "./tmdb"
 
@@ -48,7 +48,7 @@ export function MovieWall({ movies, setMovies, config, setChosenMovie, setSimila
 
     const borderColor = isHighlighted ? "border-orange-300" : "border-gray-300"
     posters.push(
-      <Poster className={"w-16 sm:w-28 xl:w-36 aspect-poster rounded-xl border-2 overflow-hidden relative " + borderColor} isHighlighted={isHighlighted} movie={movie} key={movie.id} index={i}
+      <Poster className={"w-16 sm:w-28 xl:w-36 aspect-poster rounded-xl border-2 overflow-hidden relative " + borderColor} movie={movie} key={movie.id} index={i}
         listSimilar={tmdb.getSimilar}
         config={config}
         setMovies={setMovies}
@@ -69,12 +69,11 @@ interface PosterProps extends React.ComponentPropsWithRef<"div"> {
   setMovies: React.Dispatch<React.SetStateAction<Array<Movie>>>;
   setChosenMovie: React.Dispatch<React.SetStateAction<Movie>>;
   setSimilarMoviesAvailable: React.Dispatch<React.SetStateAction<boolean>>;
-  isHighlighted: boolean;
   className: string
 }
 
 
-function Poster({ className, movie, config, listSimilar, setMovies, setChosenMovie, setSimilarMoviesAvailable, isHighlighted }: PosterProps) {
+function Poster({ className, movie, config, listSimilar, setMovies, setChosenMovie, setSimilarMoviesAvailable }: PosterProps) {
   function clickHandler() {
     setChosenMovie(movie)
     listSimilar(config, movie, setMovies, setSimilarMoviesAvailable)
diff --git a/src/objects/sidebar.tsx b/src/objects/sidebar.tsx
index f7e781c..7272855 100644
--- a/src/objects/sidebar.tsx
+++ b/src/objects/sidebar.tsx
@@ -18,6 +18,7 @@ export function Sidebar({ movie, similarMoviesAvailable, watchProviders, config,
     config.language == "en" ?
       "Summary unavailable." :
       ""
+  //TODO: fix initial screen 
   return <div id="sidebar" className={className}>
     <div className="sm:h-14 w-fit flex justify-center items-center">
       <h1 className="font-bold text-base sm:text-lg sm:text-wrap my-1 sm:my-4 overflow-hidden text-center text-balance">{movie?.title ?? "loading"}</h1>