diff --git a/public/assets/minecraft-forge.png b/public/assets/minecraft-forge.png new file mode 100644 index 000000000..37b18fc44 Binary files /dev/null and b/public/assets/minecraft-forge.png differ diff --git a/public/assets/minecraft-paper.png b/public/assets/minecraft-paper.png new file mode 100644 index 000000000..2aaee5304 Binary files /dev/null and b/public/assets/minecraft-paper.png differ diff --git a/src/components/Atoms/GameIcon.tsx b/src/components/Atoms/GameIcon.tsx index 820798a30..3b49e4673 100644 --- a/src/components/Atoms/GameIcon.tsx +++ b/src/components/Atoms/GameIcon.tsx @@ -4,6 +4,8 @@ const game_icons: { [key: string]: { [key: string]: string } } = { minecraft: { vanilla: '/assets/minecraft-vanilla.png', fabric: '/assets/minecraft-fabric.png', + forge: '/assets/minecraft-forge.png', + paper: '/assets/minecraft-paper.png', }, }; @@ -12,7 +14,7 @@ const unknown_icon = '/assets/minecraft-missing-texture.svg'; export default function GameIcon({ game_type, game_flavour, - className = 'h-8 w-8', + className = 'h-8 w-8 rounded-sm', }: { game_type: string; game_flavour: string; @@ -25,18 +27,17 @@ export default function GameIcon({ return ( { - game_type.charAt(0).toUpperCase() + game_type.slice(1)} - {game_flavour.charAt(0).toUpperCase() + game_flavour.slice(1) - }} + overlay={ + + {game_type.charAt(0).toUpperCase() + game_type.slice(1)} -{' '} + {game_flavour.charAt(0).toUpperCase() + game_flavour.slice(1)} + + } placement="bottom" trigger={['hover']} mouseEnterDelay={0.2} > - {game_type} + {game_type} ); }