Correct Guess Record and Local Storage

evens-or-odds/src/components/GameState.js

@@ -1,11 +1,29 @@
 import React from 'react';
 import { connect } from 'react-redux';
 
+const correctGuessesRecordKey = 'CORRECT_GUESSES_RECORD_foo123';
+
+const checkRecord = correctGuesses => {
+  const record = Number(localStorage.getItem(correctGuessesRecordKey));
+
+  if (correctGuesses > record) {
+    localStorage.setItem(correctGuessesRecordKey, correctGuesses);
+
+    return { record: correctGuesses, isNewRecord: true };
+  }
+
+  return { record, isNewRecord: false };
+}
+
 const GameState = ({ correctGuesses, remaining }) => {
   const guessText = correctGuesses === 1 ? 'guess' : 'guesses';
 
+  const { record, isNewRecord } = checkRecord(correctGuesses);
+  const recordLabel = isNewRecord ? '🎉 New record' : 'Record';
+
   return (
     <div>
+      <h3>{recordLabel}: {record}</h3>
       <p>{remaining} cards remaining</p>
       <p>{correctGuesses} correct {guessText}</p>
     </div>