fix: linter

iqbalpa · Jul 14, 2024 · ee8d26d · ee8d26d
1 parent f50f387
commit ee8d26d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 8 deletions.
diff --git a/src/components/header/header.tsx b/src/components/header/header.tsx
@@ -15,11 +15,6 @@ const antiHeader: string[] = ['/signup', '/signin'];
 
 const Header: React.FC = () => {
   const pathname = usePathname();
-  const isSidebarDisabled = antiHeader.includes(pathname);
-  if (isSidebarDisabled) {
-    return null;
-  }
-
   const user = useSelector((state: RootState) => state.user.user);
   const dispatch = useDispatch();
   const router = useRouter();
@@ -37,6 +32,11 @@ const Header: React.FC = () => {
     return () => window.removeEventListener('scroll', handleScroll);
   }, []);
 
+  const isSidebarDisabled = antiHeader.includes(pathname);
+  if (isSidebarDisabled) {
+    return null;
+  }
+
   const handleLogout = () => {
     dispatch(logout());
     toast.success('Logged out');

diff --git a/src/modules/signin/signin.tsx b/src/modules/signin/signin.tsx
@@ -113,7 +113,7 @@ const SignInModule: React.FC = () => {
           />
         </form>
         <p className="mt-5 text-sm text-white">
-          doesn't have an account?{' '}
+          doesn{`'`}t have an account?{' '}
           <Link href="/signup" className="text-green-500 hover:text-green-700">
             register
           </Link>

diff --git a/src/modules/watchlist/watchlist.tsx b/src/modules/watchlist/watchlist.tsx
@@ -43,7 +43,7 @@ const WatchlistModule = () => {
       }
     };
     fetchWatchlist();
-  }, [user, accessToken]);
+  }, [user, accessToken, router]);
 
   return (
     <div className="flex min-h-screen w-full justify-center bg-black pb-14 pt-10 text-white md:pt-20">
@@ -59,7 +59,10 @@ const WatchlistModule = () => {
           <div className="w-full border-t-[1px] border-slate-500"></div>
           <div className="flex flex-col items-center">
             {watchlist.map((movie, index) => (
-              <div className="flex w-full flex-col items-center gap-3 border-b-[1px] border-slate-500 p-2 md:flex-row">
+              <div
+                key={movie.id}
+                className="flex w-full flex-col items-center gap-3 border-b-[1px] border-slate-500 p-2 md:flex-row"
+              >
                 <Image
                   src={`${baseUrl}${movie.poster_path}`}
                   alt={movie.title}