fix: Don't show the go-to-console button until the cloud instance is ready (#1467)

Author: maciaszczykm

www/src/components/overview/clusters/all/AllClustersTableCols.tsx

@@ -115,19 +115,26 @@ const ColActions = columnHelper.accessor((instance) => instance, {
     const instance = getValue()
 
     return (
-      <Flex gap="small">
-        <Button
-          secondary
-          small
-          startIcon={<ConsoleIcon color={theme.colors['icon-default']} />}
-          as={Link}
-          to={sanitizeConsoleUrl(instance.consoleUrl)}
-          target="_blank"
-          rel="noopener noreferrer"
-          onClick={(e) => e.stopPropagation()}
-        >
-          Go to Console
-        </Button>
+      <Flex
+        gap="small"
+        justify="flex-end"
+        width="100%"
+      >
+        {(instance.type === CombinedClusterType.SelfHosted ||
+          instance.status === ConsoleInstanceStatus.Provisioned) && (
+          <Button
+            secondary
+            small
+            startIcon={<ConsoleIcon />}
+            as={Link}
+            to={sanitizeConsoleUrl(instance.consoleUrl)}
+            target="_blank"
+            rel="noopener noreferrer"
+            onClick={(e) => e.stopPropagation()}
+          >
+            Go to Console
+          </Button>
+        )}
         <IconFrame
           clickable
           tooltip="View instance details"

www/src/components/overview/clusters/plural-cloud/CloudInstanceTableCols.tsx

@@ -167,19 +167,25 @@ const ColActions = columnHelper.accessor((instance) => instance, {
     const instance = getValue()
 
     return (
-      <Flex gap="small">
-        <Button
-          secondary
-          small
-          startIcon={<ConsoleIcon color={theme.colors['icon-default']} />}
-          as={Link}
-          to={sanitizeConsoleUrl(instance.url)}
-          target="_blank"
-          rel="noopener noreferrer"
-          onClick={(e) => e.stopPropagation()}
-        >
-          Go to Console
-        </Button>
+      <Flex
+        gap="small"
+        justify="flex-end"
+        width="100%"
+      >
+        {instance.status === ConsoleInstanceStatus.Provisioned && (
+          <Button
+            secondary
+            small
+            startIcon={<ConsoleIcon />}
+            as={Link}
+            to={sanitizeConsoleUrl(instance.url)}
+            target="_blank"
+            rel="noopener noreferrer"
+            onClick={(e) => e.stopPropagation()}
+          >
+            Go to Console
+          </Button>
+        )}
         <IconFrame
           clickable
           tooltip="View instance details"