changes

pages/enter.js

@@ -1,9 +1,10 @@
 import { auth, googleAuthProvider } from '../lib/firebase';
+import { useContext } from 'react';
+import { UserContext } from '../lib/context';
 
 
 export default function EnterPage({ }) {
-    const user = null
-    const username = null;
+    const { user, username } = useContext(UserContext);
 
     // 1. user signed out <SignInButton />
     // 2. user signed in, but missing username <UsernameForm />