Fix another first-launch bug

web/components/stores/ClientConfigStore.tsx

@@ -238,13 +238,11 @@ export const ClientConfigStore: FC = () => {
     try {
       sendEvent(AppStateEvent.NeedsRegister);
       const response = await ChatService.registerUser(optionalDisplayName);
-      console.log(`ChatService -> registerUser() response: \n${response}`);
       const { accessToken: newAccessToken, displayName: newDisplayName, displayColor } = response;
       if (!newAccessToken) {
         return;
       }
 
-      console.log('setting access token', newAccessToken);
       setCurrentUser({
         ...currentUser,
         displayName: newDisplayName,
@@ -399,10 +397,6 @@ export const ClientConfigStore: FC = () => {
 
   useEffect(() => {
     appStateService.onTransition(state => {
-      if (!state.changed) {
-        return;
-      }
-
       const metadata = mergeMeta(state.meta) as AppStateOptions;
 
       // console.debug('--- APP STATE: ', state.value);

web/components/stores/application-state.ts

@@ -57,12 +57,12 @@ const GOODBYE_STATE: AppStateOptions = {
 };
 
 export enum AppStateEvent {
-  Loading = 'LOADING',
+  Loading = 'LOADING', // Have not pulled configuration data from the server.
-  Loaded = 'LOADED',
+  Loaded = 'LOADED', // Configuration data has been pulled from the server.
-  Online = 'ONLINE',
+  Online = 'ONLINE', // Stream is live
-  Offline = 'OFFLINE', // Have not pulled configuration data from the server.
+  Offline = 'OFFLINE', // Stream is not live
-  NeedsRegister = 'NEEDS_REGISTER',
+  NeedsRegister = 'NEEDS_REGISTER', // Needs to register a chat user
-  Fail = 'FAIL',
+  Fail = 'FAIL', // Error
 }
 
 const appStateModel =
@@ -73,9 +73,7 @@ const appStateModel =
     predictableActionArguments: true,
     states: {
       loading: {
-        meta: {
+        meta: LOADING_STATE,
-          ...LOADING_STATE,
-        },
         on: {
           NEEDS_REGISTER: {
             target: 'loading',