add tutorial notes for colored guess states

1 files changed, 7 insertions, 0 deletions

diff --git a/src/components/InfoPopUp/index.tsx b/src/components/InfoPopUp/index.tsx
index 92ad52c..ba9f233 100644
--- a/src/components/InfoPopUp/index.tsx
+++ b/src/components/InfoPopUp/index.tsx
@@ -23,6 +23,13 @@ export function InfoPopUp({ onClose }: Props) {
         <Styled.Section>
           <p>Answer in as few tries as possible and share your score!</p>
         </Styled.Section>
+        <Styled.Spacer />
+        <Styled.Section>
+          <p>⬜ Skipped</p>
+          <p>🟥 Incorrect Song, Incorrect Artist</p>
+          <p>🟨 Correct Artist, Incorrect Song</p>
+          <p>🟩 You guessed it!</p>
+        </Styled.Section>
         <Button variant="green" style={{ marginTop: 20 }} onClick={onClose}>
           Play
         </Button>