From f128906aee7796a0a7f9a5a9069a0da83789ec81 Mon Sep 17 00:00:00 2001 From: Mosh Hamedani Date: Mon, 6 Mar 2023 08:47:36 -0800 Subject: [PATCH] Add emojis --- src/assets/bulls-eye.webp | Bin 0 -> 4140 bytes src/assets/meh.webp | Bin 0 -> 6850 bytes src/assets/thumbs-up.webp | Bin 0 -> 3042 bytes src/components/Emoji.tsx | 24 ++++++++++++++++++++++++ src/components/GameCard.tsx | 3 ++- src/hooks/useGames.ts | 1 + 6 files changed, 27 insertions(+), 1 deletion(-) create mode 100644 src/assets/bulls-eye.webp create mode 100644 src/assets/meh.webp create mode 100644 src/assets/thumbs-up.webp create mode 100644 src/components/Emoji.tsx diff --git a/src/assets/bulls-eye.webp b/src/assets/bulls-eye.webp new file mode 100644 index 0000000000000000000000000000000000000000..d7b9c0b955d600b2361ba845f2ab9be095c703c6 GIT binary patch literal 4140 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 literal 0 HcmV?d00001 diff --git a/src/assets/meh.webp b/src/assets/meh.webp new file mode 100644 index 0000000000000000000000000000000000000000..090139e86645b431f0af16665f77ad614c746468 GIT binary patch literal 6850 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 literal 0 HcmV?d00001 diff --git a/src/components/Emoji.tsx b/src/components/Emoji.tsx new file mode 100644 index 0000000..6c2bc40 --- /dev/null +++ b/src/components/Emoji.tsx @@ -0,0 +1,24 @@ +import bullsEye from '../assets/bulls-eye.webp'; +import thumbsUp from '../assets/thumbs-up.webp'; +import meh from '../assets/meh.webp'; +import { Image, ImageProps } from '@chakra-ui/react'; + +interface Props { + rating: number; +} + +const Emoji = ({ rating }: Props) => { + if (rating < 3) return null; + + const emojiMap: { [key: number]: ImageProps } = { + 3: { src: meh, alt: 'meh', boxSize: '25px' }, + 4: { src: thumbsUp, alt: 'recommended', boxSize: '25px' }, + 5: { src: bullsEye, alt: 'exceptional', boxSize: '35px' }, + } + + return ( + + ) +} + +export default Emoji \ No newline at end of file diff --git a/src/components/GameCard.tsx b/src/components/GameCard.tsx index f1595d6..fe3e880 100644 --- a/src/components/GameCard.tsx +++ b/src/components/GameCard.tsx @@ -3,6 +3,7 @@ import React from 'react' import { Game } from '../hooks/useGames' import getCroppedImageUrl from '../services/image-url' import CriticScore from './CriticScore' +import Emoji from './Emoji' import PlatformIconList from './PlatformIconList' interface Props { @@ -18,7 +19,7 @@ const GameCard = ({ game }: Props) => { p.platform)} /> - {game.name} + {game.name} ) diff --git a/src/hooks/useGames.ts b/src/hooks/useGames.ts index 1398a2f..b7ccbd4 100644 --- a/src/hooks/useGames.ts +++ b/src/hooks/useGames.ts @@ -14,6 +14,7 @@ export interface Game { background_image: string; parent_platforms: { platform: Platform }[]; metacritic: number; + rating_top: number; } const useGames = (gameQuery: GameQuery) =>