From 478bb3547a57ccdb6f551d75d751e56195fad800 Mon Sep 17 00:00:00 2001
From: tehoang <tehoang@microsoft.com>
Date: Fri, 11 Aug 2023 11:19:37 -0400
Subject: [PATCH] Adding error state as AppState

---
 webapp/src/App.tsx | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/webapp/src/App.tsx b/webapp/src/App.tsx
index 2c4a9a13a..c89bffefe 100644
--- a/webapp/src/App.tsx
+++ b/webapp/src/App.tsx
@@ -48,6 +48,7 @@ export const useClasses = makeStyles({
 enum AppState {
     ProbeForBackend,
     SettingUserInfo,
+    ErrorLoadingUserInfo,
     LoadingChats,
     Chat,
     SigningOut,
@@ -62,8 +63,6 @@ const App: FC = () => {
     const { instance, inProgress } = useMsal();
     const { activeUserInfo, features } = useAppSelector((state: RootState) => state.app);
     const isAuthenticated = useIsAuthenticated();
-    const defaultUserInfoStatusText = 'Hang tight while we fetch your information...';
-    const [userInfoStatusText, setUserInfoStatusText] = React.useState<string>(defaultUserInfoStatusText);
 
     const chat = useChat();
 
@@ -73,9 +72,7 @@ const App: FC = () => {
                 if (activeUserInfo === undefined) {
                     const account = instance.getActiveAccount();
                     if (!account) {
-                        setUserInfoStatusText(
-                            'Oops, something went wrong. Please try signing out and signing back in.',
-                        );
+                        setAppState(AppState.ErrorLoadingUserInfo);
                     } else {
                         dispatch(
                             setActiveUserInfo({
@@ -151,12 +148,12 @@ const App: FC = () => {
                             }}
                         />
                     )}
-                    {appState === AppState.SettingUserInfo &&
-                        (userInfoStatusText === defaultUserInfoStatusText ? (
-                            <Loading text={userInfoStatusText} />
-                        ) : (
-                            <Error text={userInfoStatusText} />
-                        ))}
+                    {appState === AppState.SettingUserInfo && (
+                        <Loading text={'Hang tight while we fetch your information...'} />
+                    )}
+                    {appState === AppState.ErrorLoadingUserInfo && (
+                        <Error text={'Oops, something went wrong. Please try signing out and signing back in.'} />
+                    )}
                     {appState === AppState.LoadingChats && <Loading text="Loading Chats..." />}
                     {appState === AppState.Chat && <ChatView />}
                 </div>