From 74ee7b1c00e53bb2f4dbd96958725efaeac9985e Mon Sep 17 00:00:00 2001
From: Alex Serban <al.se@me.com>
Date: Fri, 16 Sep 2022 11:28:23 -0400
Subject: [PATCH] Conditionally render AccountState

---
 src/components/ResourcesBar.tsx | 29 +++++++++++++----------------
 1 file changed, 13 insertions(+), 16 deletions(-)

diff --git a/src/components/ResourcesBar.tsx b/src/components/ResourcesBar.tsx
index fc8044bb..a901e6c3 100644
--- a/src/components/ResourcesBar.tsx
+++ b/src/components/ResourcesBar.tsx
@@ -320,25 +320,22 @@ interface ResourcesBarProps {
 }
 
 const ResourcesBar: React.FC<ResourcesBarProps> = ({ resultHeight }) => {
-  const { project, isLoading, selectedResourceAccount } = useProject();
-
+  const { project, selectedResourceAccount } = useProject();
+  const accountState =
+    project?.accounts?.[storageMap[selectedResourceAccount] || 0]?.state;
   return (
     <FeedbackRoot>
-      {isLoading ? (
-        <p>Loading...</p>
+      {selectedResourceAccount && !!accountState ? (
+        <AccountState
+          state={accountState}
+          selectedResourcesAccount={selectedResourceAccount}
+          renderDeployButton={() => {
+            return <FeedbackActions />;
+          }}
+          resultHeight={resultHeight}
+        />
       ) : (
-        selectedResourceAccount && (
-          <AccountState
-            state={
-              project.accounts[storageMap[selectedResourceAccount] || 0].state
-            }
-            selectedResourcesAccount={selectedResourceAccount}
-            renderDeployButton={() => {
-              return <FeedbackActions />;
-            }}
-            resultHeight={resultHeight}
-          />
-        )
+        <p>Loading...</p>
       )}
     </FeedbackRoot>
   );