feat: Sign In progress indicator and timeout COMPASS-10996

packages/atlas-service/src/components/atlas-connection-status.tsx

@@ -11,7 +11,7 @@ import {
   spacing,
   useDarkMode,
 } from '@mongodb-js/compass-components';
-import { useAtlasLoginActions, useAtlasSignedInUser } from '../provider';
+import { useAtlasLoginActions, useAtlasSignInStatus } from '../provider';
 
 const containerStyles = css({
   display: 'flex',
@@ -57,7 +57,7 @@ export const AtlasConnectionStatus: React.FunctionComponent<
   AtlasConnectionStatusProps
 > = ({ 'data-testid': dataTestId = 'atlas-connection-status' }) => {
   const darkMode = useDarkMode();
-  const userInfo = useAtlasSignedInUser();
+  const signInStatus = useAtlasSignInStatus();
   const { signOut } = useAtlasLoginActions();
 
   const handleDisconnect = useCallback(() => {
@@ -76,7 +76,7 @@ export const AtlasConnectionStatus: React.FunctionComponent<
     })();
   }, [signOut]);
 
-  if (!userInfo) {
+  if (!signInStatus.user) {
     return null;
   }
 

packages/atlas-service/src/provider.tsx

@@ -68,9 +68,8 @@ export { AtlasAuthService } from './atlas-auth-service';
 export type { AtlasService } from './atlas-service';
 export type { AtlasUserInfo } from './renderer';
 export {
-  useAtlasSignedInUser,
+  useAtlasSignInStatus,
   useAtlasLoginActions,
-  useIsAtlasSignInStateResolved,
 } from './store/atlas-signin-store-context';
 export type { AtlasLoginActions } from './store/atlas-signin-store-context';
 export { AtlasConnectionStatus } from './components/atlas-connection-status';