Don't show instance name in serial console message (#2274)

forget it. just don't show the instance name

Author: david-crespo

app/pages/project/instances/instance/SerialConsolePage.tsx

@@ -137,7 +137,7 @@ export function SerialConsolePage() {
       </Link>
 
       <div className="gutter relative w-full shrink grow overflow-hidden">
-        {connectionStatus === 'connecting' && <ConnectingSkeleton />}
+        {connectionStatus !== 'connecting' && <ConnectingSkeleton />}
         {connectionStatus === 'error' && <ErrorSkeleton />}
         {connectionStatus === 'closed' && !canConnect && (
           <CannotConnect instanceState={instanceData.runState} />
@@ -197,34 +197,19 @@ function SerialSkeleton({
   )
 }
 
-function InstanceLink() {
-  const { instance, project } = useInstanceSelector()
-  return (
-    <Link
-      className="text-sans-xl text-accent-secondary hover:text-accent"
-      to={pb.instance({ project, instance })}
-    >
-      {instance}
-    </Link>
-  )
-}
-
 const ConnectingSkeleton = () => (
   <SerialSkeleton connecting>
     <Spinner size="lg" />
     <div className="mt-4 text-center">
-      <p className="text-sans-xl">Connecting to</p>
-      <InstanceLink />
+      <p className="text-sans-xl">Connecting to serial console</p>
     </div>
   </SerialSkeleton>
 )
 
 const CannotConnect = ({ instanceState }: { instanceState: InstanceState }) => (
   <SerialSkeleton>
     <p className="flex items-center justify-center text-sans-xl">
-      <span>
-        Instance <InstanceLink /> is
-      </span>
+      <span>The instance is</span>
       <InstanceStatusBadge className="ml-1" status={instanceState} />
     </p>
     <p className="mt-2 text-center text-secondary">