remove logs

Author: MetecanAydin

jobs/Frontend/src/components/Main/Main.tsx

@@ -27,10 +27,7 @@ export const Main = () => {
   );
   const movieDetails = useMovieDetails(movieId!);
 
-  console.log(movieDetails);
-
   const navigate = useNavigate();
-  const queryClient = useQueryClient();
 
   useEffect(() => {
     if (debouncedSearch) {
@@ -44,8 +41,6 @@ export const Main = () => {
   }, [debouncedSearch]);
 
   useEffect(() => {
-    console.log(123);
-
     setSearch(searchParams.get("search")!);
   }, [setSearchParams]);
 
@@ -66,9 +61,7 @@ export const Main = () => {
             <Button
               className="h-full w-48 rounded-sm"
               onClick={() => {
-                // setSearchParams({}, { replace: false });
                 navigate("/", { replace: false });
-                // queryClient.removeQueries();
               }}
             >
               Clear search
@@ -77,9 +70,6 @@ export const Main = () => {
           <div className="mt-4 grid grid-cols-12 gap-6">
             <div className="col-span-7 flex flex-col justify-center text-center">
               <div className="mb-2">
-                {/* <h1 className="mb-6 text-3xl font-bold tracking-tighter text-transparent text-white sm:text-5xl xl:text-6xl/none">
-                  {t("hero-title")}
-                </h1> */}
                 <SearchResults movies={movies} />
               </div>
             </div>

jobs/Frontend/src/components/Search/SearchPagination.tsx

@@ -18,8 +18,6 @@ export const SearchPagination = ({ data }: { data: MovieSearchResponse }) => {
   const previousActive = currentPage > 1;
   const nextActive = currentPage < totalPages;
 
-  // const paginationRange = getPaginationRange(currentPage, totalPages);
-
   const pages = getPages(totalPages, currentPage);
 
   return (
@@ -30,7 +28,6 @@ export const SearchPagination = ({ data }: { data: MovieSearchResponse }) => {
             isActive={previousActive}
             onClick={() => {
               if (currentPage > 1)
-                // setSearchParams({ page: (currentPage - 1).toString() });
                 setSearchParams(
                   (prev) => {
                     const newParams = new URLSearchParams(prev);
@@ -51,7 +48,6 @@ export const SearchPagination = ({ data }: { data: MovieSearchResponse }) => {
                 isActive={pageNumber === currentPage}
                 onClick={() =>
                   isSelectable &&
-                  // setSearchParams({ page: pageNumber?.toString()! })
                   setSearchParams(
                     (prev) => {
                       const newParams = new URLSearchParams(prev);
@@ -68,44 +64,11 @@ export const SearchPagination = ({ data }: { data: MovieSearchResponse }) => {
           )
         )}
 
-        {/* Page numbers */}
-        {/* {paginationRange.map((page, idx) => {
-          if (page === "ellipsis-left" || page === "ellipsis-right") {
-            return (
-              <PaginationItem key={idx}>
-                <PaginationEllipsis />
-              </PaginationItem>
-            );
-          }
-          return (
-            <PaginationItem key={page}>
-              <PaginationLink
-                isActive={page === currentPage}
-                onClick={() => setSearchParams({ page })}
-                className="cursor-pointer"
-              >
-                {page}
-              </PaginationLink>
-            </PaginationItem>
-          );
-        })} */}
-
-        {/* {Array.from({ length: totalPages }).map((_, i) => (
-          <PaginationItem>
-            <PaginationLink
-              onClick={() => setSearchParams({ page: i.toString() })}
-            >
-              {i}
-            </PaginationLink>
-          </PaginationItem>
-        ))} */}
-
         <PaginationItem tabIndex={0}>
           <PaginationNext
             isActive={nextActive}
             onClick={() => {
               if (currentPage < totalPages)
-                // setSearchParams({ page: (currentPage + 1).toString() });
                 setSearchParams(
                   (prev) => {
                     const newParams = new URLSearchParams(prev);
@@ -122,44 +85,6 @@ export const SearchPagination = ({ data }: { data: MovieSearchResponse }) => {
   );
 };
 
-// Utility: generate pages with ellipsis
-// function getPaginationRange(
-//   currentPage: number,
-//   totalPages: number,
-//   siblingCount = 1
-// ) {
-//   const totalNumbers = siblingCount * 2 + 5; // first, last, current, siblings, 2 ellipses
-//   if (totalPages <= totalNumbers) {
-//     return Array.from({ length: totalPages }, (_, i) => i + 1);
-//   }
-
-//   const leftSibling = Math.max(currentPage - siblingCount, 1);
-//   const rightSibling = Math.min(currentPage + siblingCount, totalPages);
-
-//   const showLeftEllipsis = leftSibling > 2;
-//   const showRightEllipsis = rightSibling < totalPages - 1;
-
-//   const range = [];
-
-//   range.push(1);
-
-//   if (showLeftEllipsis) {
-//     range.push("ellipsis-left");
-//   }
-
-//   for (let i = leftSibling; i <= rightSibling; i++) {
-//     range.push(i);
-//   }
-
-//   if (showRightEllipsis) {
-//     range.push("ellipsis-right");
-//   }
-
-//   range.push(totalPages);
-
-//   return range;
-// }
-
 const pageNumberToObject = (pageNumber: number) => ({
   displayValue: pageNumber.toString(),
   pageNumber,