diff --git a/src/components/ModCard.tsx b/src/components/ModCard.tsx index 0ceb5d5..ca653fb 100644 --- a/src/components/ModCard.tsx +++ b/src/components/ModCard.tsx @@ -1,3 +1,4 @@ +import React from 'react' import { Link } from 'react-router-dom' import '../styles/cardMod.css' import { handleModImageError } from '../utils' @@ -10,83 +11,79 @@ type ModCardProps = { route: string } -export const ModCard = ({ - title, - gameName, - summary, - imageUrl, - route -}: ModCardProps) => { - return ( - -
{summary}
-{gameName}
+export const ModCard = React.memo( + ({ title, gameName, summary, imageUrl, route }: ModCardProps) => { + return ( + +420
+{summary}
+{gameName}
420
-420
-420
+420
+420
+420
+420
+