Merge pull request #140 from Lodestone-Team/111-add-tooltip-to-gameic…

…on-component

Add tooltip to GameIcon component

src/components/Atoms/GameIcon.tsx

@@ -1,3 +1,5 @@
+import Tooltip from 'rc-tooltip';
+
 const game_icons: { [key: string]: { [key: string]: string } } = {
   minecraft: {
     vanilla: '/assets/minecraft-vanilla.png',
@@ -21,10 +23,20 @@ export default function GameIcon({
     if (game_flavour in game_icons[game_type])
       icon = game_icons[game_type][game_flavour];
   return (
-    <img
+    <Tooltip
+      showArrow={false}
+      overlay={<span>{
+        game_type.charAt(0).toUpperCase() + game_type.slice(1)} - {game_flavour.charAt(0).toUpperCase() + game_flavour.slice(1)
+        }</span>}
+      placement="bottom"
+      trigger={['hover']}
+      mouseEnterDelay={0.2}
+    >
+     <img
       src={icon}
       alt={game_type}
       className={`${className}`}
     />
+    </Tooltip>
   );
 }