support better casing for when infra isn't found

api/server/shared/config/metadata.go

@@ -1,6 +1,8 @@
 package config
 
-import "github.com/porter-dev/porter/api/server/shared/config/env"
+import (
+	"github.com/porter-dev/porter/api/server/shared/config/env"
+)
 
 type Metadata struct {
 	Provisioning       bool   `json:"provisioner"`

dashboard/src/main/home/infrastructure/InfrastructureList.tsx

@@ -158,6 +158,24 @@ const InfrastructureList = () => {
     return <Placeholder>Error</Placeholder>;
   }
 
+  const renderTable = () => {
+    if (infraList.length == 0) {
+      return <Placeholder>No infrastructure found.</Placeholder>;
+    }
+
+    return (
+      <Table
+        columns={columns}
+        data={infraList}
+        isLoading={isLoading}
+        onRowClick={(row) => {
+          let original = row.original as Infrastructure;
+          pushFiltered(`/infrastructure/${original.id}`, ["project_id"]);
+        }}
+      />
+    );
+  };
+
   return (
     <DatabasesListWrapper>
       <StyledTitleSection>
@@ -187,17 +205,7 @@ const InfrastructureList = () => {
           </SaveButton>
         </SaveButtonContainer>
       </ControlRow>
-      <StyledTableWrapper>
-        <Table
-          columns={columns}
-          data={infraList}
-          isLoading={isLoading}
-          onRowClick={(row) => {
-            let original = row.original as Infrastructure;
-            pushFiltered(`/infrastructure/${original.id}`, ["project_id"]);
-          }}
-        />
-      </StyledTableWrapper>
+      <StyledTableWrapper>{renderTable()}</StyledTableWrapper>
     </DatabasesListWrapper>
   );
 };