add tracking

src/App.tsx

@@ -78,23 +78,11 @@ const App = () => {
     setPlayers([...players]); // ensure to trigger a re-render
   };
 
-  const newGame = () => {
-    localStorage.removeItem('players');
-    localStorage.removeItem('playing');
-    localStorage.removeItem('initialGameSettings');
+  return (
+    <ThemeProvider theme={theme}>
+      <GlobalStyles />
 
-    window.location.reload();
-  };
-
-  if (players.length > 0 && initialGameSettings) {
-    // If the user has a key, we need to restart since key is deprecated
-    // FIXME: Remove this after a few months
-    if (players[0].key) {
-      newGame();
-    }
-    return (
-      <ThemeProvider theme={theme}>
-        <GlobalStyles />
+      {players.length > 0 && initialGameSettings ? (
         <RootWrapper>
           <Play
             players={players}
@@ -103,20 +91,15 @@ const App = () => {
             resetCurrentGame={resetCurrentGame}
           />
         </RootWrapper>
-      </ThemeProvider>
-    );
-  }
-
-  return (
-    <ThemeProvider theme={theme}>
-      <GlobalStyles />
-      <RootWrapper2>
-        <StartMenu
-          initialGameSettings={initialGameSettings}
-          setInitialGameSettings={setInitialGameSettings}
-          setPlayers={setPlayers}
-        />
-      </RootWrapper2>
+      ) : (
+        <RootWrapper2>
+          <StartMenu
+            initialGameSettings={initialGameSettings}
+            setInitialGameSettings={setInitialGameSettings}
+            setPlayers={setPlayers}
+          />
+        </RootWrapper2>
+      )}
     </ThemeProvider>
   );
 };