From 647edc9389b24bda19503514170ed31301ea0a72 Mon Sep 17 00:00:00 2001
From: Brendan F <EpicWolverine@users.noreply.github.com>
Date: Mon, 19 Feb 2024 20:35:50 -0800
Subject: Add guess states and exact artist match as a yellow

---
 src/components/Guess/index.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

(limited to 'src/components/Guess/index.tsx')

diff --git a/src/components/Guess/index.tsx b/src/components/Guess/index.tsx
index 2afd35c..ee5b2c2 100644
--- a/src/components/Guess/index.tsx
+++ b/src/components/Guess/index.tsx
@@ -1,23 +1,22 @@
 import React from "react";
 
-import { GuessType } from "../../types/guess";
+import { GuessType, GuessState } from "../../types/guess";
 
 import * as Styled from "./index.styled";
 
 interface Props {
   guess: GuessType;
-  isCorrect: boolean | undefined;
   active: boolean;
 }
 
-export function Guess({ guess, isCorrect, active }: Props) {
-  const { song, skipped } = guess;
+export function Guess({ guess, active }: Props) {
+  const { song, state } = guess;
   const [text, setText] = React.useState<string>("");
 
   React.useEffect(() => {
     if (song) {
       setText(`${song.artist} - ${song.name}`);
-    } else if (skipped) {
+    } else if (state === GuessState.Skipped) {
       setText("Skipped");
     } else {
       setText("");
@@ -25,7 +24,7 @@ export function Guess({ guess, isCorrect, active }: Props) {
   }, [guess]);
 
   return (
-    <Styled.Container active={active} isCorrect={isCorrect}>
+    <Styled.Container active={active} state={state}>
       <Styled.Text>{text}</Styled.Text>
     </Styled.Container>
   );
-- 
cgit v1.2.3

