more fixes

src/HostedExplorer.tsx

@@ -73,6 +73,8 @@ const App: React.FunctionComponent = () => {
     }
   }, [ref, encryptedToken, encryptedTokenMetadata, isLoggedIn, databaseAccount]);
 
+  const showAccount = (isLoggedIn && databaseAccount) || (encryptedTokenMetadata && encryptedTokenMetadata);
+
   return (
     <>
       <header>
@@ -111,8 +113,7 @@ const App: React.FunctionComponent = () => {
           </div>
         </div>
       </header>
-      {(isLoggedIn && databaseAccount) ||
+      {showAccount && (
-        (encryptedTokenMetadata && encryptedTokenMetadata && (
         // Ideally we would import and render data explorer like any other React component, however
         // because it still has a significant amount of Knockout code, this would lead to memory leaks.
         // Knockout does not have a way to tear down all of its binding and listeners with a single method.
@@ -127,7 +128,7 @@ const App: React.FunctionComponent = () => {
           title="explorer"
           src="explorer.html?v=1.0.1&platform=Hosted"
         ></iframe>
-        ))}
+      )}
       {!isLoggedIn && !encryptedTokenMetadata && (
         <ConnectExplorer {...{ login, setEncryptedToken, setAuthType, connectionString, setConnectionString }} />
       )}

src/Main.tsx

@@ -213,6 +213,9 @@ const App: React.FunctionComponent = () => {
           const accountResourceId = account.id;
           const subscriptionId = accountResourceId && accountResourceId.split("subscriptions/")[1].split("/")[0];
           const resourceGroup = accountResourceId && accountResourceId.split("resourceGroups/")[1].split("/")[0];
+          updateUserContext({
+            databaseAccount: win.hostedConfig.databaseAccount
+          });
           explorer.initDataExplorerWithFrameInputs({
             databaseAccount: account,
             subscriptionId,