diff --git a/tranga-website/src/Components/Mangas/MangaCard.tsx b/tranga-website/src/Components/Mangas/MangaCard.tsx index deda265..8e7405a 100644 --- a/tranga-website/src/Components/Mangas/MangaCard.tsx +++ b/tranga-website/src/Components/Mangas/MangaCard.tsx @@ -39,7 +39,7 @@ export default function MangaCard({ return ( ( - + ))} className={'manga-card-badge'} > diff --git a/tranga-website/src/Components/Mangas/MangaConnectorIcon.tsx b/tranga-website/src/Components/Mangas/MangaConnectorIcon.tsx index d02ae14..76a171e 100644 --- a/tranga-website/src/Components/Mangas/MangaConnectorIcon.tsx +++ b/tranga-website/src/Components/Mangas/MangaConnectorIcon.tsx @@ -5,29 +5,30 @@ import { ApiContext } from '../../contexts/ApiContext.tsx' export default function MangaConnectorIcon({ mangaConnector, - key, + mangaConnectorName, }: { mangaConnector?: MangaConnector - key?: string + mangaConnectorName?: string }): ReactNode { const Api = useContext(ApiContext) const [connector, setConnector] = useState( mangaConnector - ) + ); useEffect(() => { + console.log(mangaConnector, mangaConnectorName); if (mangaConnector) { setConnector(mangaConnector) - return + return; } - if (!key) return - Api.mangaConnectorDetail(key).then((result) => { + if (!mangaConnectorName) return; + Api.mangaConnectorDetail(mangaConnectorName).then((result) => { if (result.ok) { setConnector(result.data) } - }) - }, [Api, key, mangaConnector]) + }); + }, [Api, mangaConnectorName, mangaConnector]); return (