Remove duplicate anime

src/Components/Content/MangaBrowseENG/index.js

@@ -27,7 +27,7 @@ function MangaBrowseENG({ subUrl, title }) {
 						const mangaPayload = data.data.data
 						const mangaObject = Object.values(mangaPayload)[0]
 						setMangaData((prev) => {
-							return [...new Set([...prev, ...mangaObject.media])]
+							return [new Set([...prev, ...mangaObject.media])]
 						})
 						setPage(mangaObject.pageInfo.currentPage)
 						setHasNextPage(mangaObject.pageInfo.hasNextPage)

src/Pages/AnimeBrowseCategoryENG/index.js

@@ -44,13 +44,13 @@ function AnimeBrowseCategoryENG() {
 						if (response.data.success) {
 							if (response.data.data.results.length === 0) {
 								setAnimeList((prev) => {
-									return [...new Set([...prev])]
+									return [new Set([...prev])]
 								})
 								setNextPage(false)
 							} else {
 								setNextPage(true)
 								setAnimeList((prev) => {
-									return [...new Set([...prev, ...response.data.data.results])]
+									return [new Set([...prev, ...response.data.data.results])]
 								})
 							}
 

src/Pages/AnimeBrowseENG/index.js

@@ -28,7 +28,7 @@ function AnimeBrowseENG() {
 				.then((response) => {
 					if (response.data.success) {
 						setAllAnime((prev) => {
-							return [...new Set([...prev, ...response.data.data.results])]
+							return [new Set([...prev, ...response.data.data.results])]
 						})
 						setHasNextPage(response.data.data.hasNextPage)
 						setLoading(false)

src/Pages/AnimeBrowseMoreENG/index.js

@@ -34,7 +34,7 @@ function AnimeBrowseMoreENG({ urlString, urlTitle }) {
 				.then((response) => {
 					if (response.data.success) {
 						setAllAnime((prev) => {
-							return [...new Set([...prev, ...response.data.data.results])]
+							return [new Set([...prev, ...response.data.data.results])]
 						})
 						setHasNextPage(response.data.data.hasNextPage)
 					} else {

src/Pages/AnimeCollection/index.js

@@ -32,7 +32,7 @@ function AnimeCollection({ instance }) {
 					}))
 					setTranslateGenreAnime(response.data.data.title || "")
 					setAnimeList((prev) => {
-						return [...new Set([...prev, ...newList])]
+						return [new Set([...prev, ...newList])]
 					})
 					setLoading(false)
 				})

src/Pages/AnimeGenre/index.js

@@ -55,7 +55,7 @@ function AnimeGenre({ instance }) {
 							}))
 							setTotalPage(response.data.pagination.totalPage)
 							setAnimeList((prev) => {
-								return [...new Set([...prev, ...newList])]
+								return [new Set([...prev, ...newList])]
 							})
 							setLoading(false)
 						}

src/Pages/AnimeList/index.js

@@ -38,7 +38,7 @@ function AnimeList({ instance }) {
 						}))
 						setTotalPage(response.data.pagination.totalPage)
 						setAnimeList((prev) => {
-							return [...new Set([...prev, ...newList])]
+							return [new Set([...prev, ...newList])]
 						})
 						setLoading(false)
 					}

src/Pages/AnimeSearchENG/index.js

@@ -13,8 +13,8 @@ const PAGE_NUMBER = 1
 function AnimeSearchENG() {
 	const [loading, setLoading] = useState(true)
 	const [searchResult, setSearchResult] = useState([])
-	let [page, setPage] = useState(PAGE_NUMBER)
 	const [hasNextPage, setHasNextPage] = useState(true)
+	let [page, setPage] = useState(PAGE_NUMBER)
 	const { query } = useParams()
 	const prevQuery = useRef({ query, page: 1 })
 
@@ -31,20 +31,28 @@ function AnimeSearchENG() {
 					cancelToken: source.token,
 				})
 				.then((response) => {
-					if (response.data.success) {
+					if (response.data.success && response.data?.data) {
 						if (prevQuery.current.query !== query) {
 							prevQuery.current.query = query
 							setSearchResult(response.data.data.results)
 						} else {
 							setSearchResult((prev) => {
-								return [...new Set([...prev, ...response.data.data.results])]
+								return [new Set([...prev, ...response.data.data.results])]
 							})
 						}
 						setHasNextPage(response.data.data.hasNextPage)
 						setLoading(false)
+					} else {
+						if (response.data?.data) {
+							setSearchResult((prev) => {
+								return [new Set([...prev, ...response.data.data.results])]
+							})
+						}
+						setLoading(false)
 					}
 				})
 				.catch((thrown) => {
+					setLoading(false)
 					if (axios.isCancel(thrown)) return
 				})
 		}
@@ -64,11 +72,15 @@ function AnimeSearchENG() {
 
 	return (
 		<div>
-			<h1 className="font-black">SEARCH</h1>
+			<h1 className="font-black font-bebas-neue text-[#d3d9] text-center">
+				SEARCH
+			</h1>
 			{loading ? (
 				<div className="block w-full mt-[50px] text-center">
 					<LoadingSpin primaryColor="red" />
 				</div>
+			) : searchResult.length === 0 ? (
+				<p>There are no anime you're are looking for...</p>
 			) : (
 				<InfiniteScroll
 					initialScrollY={0}

src/Pages/MangaInfoENG/index.js

@@ -40,7 +40,7 @@ function MangaInfoENG() {
 								language.push(current, next)
 							}
 						}
-						setMangaLanguageOption([...new Set(language)])
+						setMangaLanguageOption([new Set(language)])
 					} else {
 						setMangaLanguageOption([])
 					}

src/Pages/MangaSearchENG/index.js

@@ -35,7 +35,7 @@ function MangaSearchENG() {
 							setSearchResult(response.data.data.results)
 						} else {
 							setSearchResult((prev) => {
-								return [...new Set([...prev, ...response.data.data.results])]
+								return [new Set([...prev, ...response.data.data.results])]
 							})
 						}
 						setHasNextPage(response.data.data.hasNextPage)