Fix MangaConnector Badge

tranga-website/src/Components/Mangas/MangaCard.tsx

@@ -39,7 +39,7 @@ export default function MangaCard({
     return (
         <Badge
             badgeContent={manga?.mangaConnectorIds.map((id) => (
-                <MangaConnectorIcon key={id.mangaConnectorName} />
+                <MangaConnectorIcon mangaConnectorName={id.mangaConnectorName} />
             ))}
             className={'manga-card-badge'}
         >

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 | undefined>(
         mangaConnector
-    )
+    );
 
     useEffect(() => {
+        console.log(mangaConnector, mangaConnectorName);
         if (mangaConnector) {
             setConnector(mangaConnector)
-            return
+            return;
         }
-        if (!key) return
+        if (!mangaConnectorName) return;
-        Api.mangaConnectorDetail(key).then((result) => {
+        Api.mangaConnectorDetail(mangaConnectorName).then((result) => {
             if (result.ok) {
                 setConnector(result.data)
             }
-        })
+        });
-    }, [Api, key, mangaConnector])
+    }, [Api, mangaConnectorName, mangaConnector]);
 
     return (
         <Tooltip title={connector?.name ?? 'loading'}>