[dashboard] show repo name when workspace creation fails

Author: trumbitta

components/dashboard/src/start/CreateWorkspace.tsx

@@ -233,9 +233,11 @@ function LimitReachedOutOfHours() {
 
 function RepositoryNotFoundView(p: { error: StartWorkspaceError }) {
   const [statusMessage, setStatusMessage] = useState<React.ReactNode>();
+  const { host, owner, repoName, userIsOwner, userScopes, lastUpdate } = p.error.data;
+  const repoFullName = (owner && repoName) ? `${owner}/${repoName}` : '';
+
   useEffect(() => {
     (async () => {
-      const { host, owner, repoName, userIsOwner, userScopes, lastUpdate } = p.error.data;
       console.log('host', host);
       console.log('owner', owner);
       console.log('repoName', repoName);
@@ -248,8 +250,6 @@ function RepositoryNotFoundView(p: { error: StartWorkspaceError }) {
         return;
       }
 
-      const repoFullName = (owner && repoName) ? `${owner}/${repoName}` : '';
-
       // TODO: this should be aware of already granted permissions
       const missingScope = authProvider.host === 'github.com' ? 'repo' : 'read_repository';
       const authorizeURL = gitpodHostUrl.withApi({
@@ -297,9 +297,14 @@ function RepositoryNotFoundView(p: { error: StartWorkspaceError }) {
     })();
   }, []);
 
-  return <StartPage phase={StartPhase.Checking} error={p.error}>
-    {statusMessage}
-  </StartPage>;
+  return (
+    <StartPage phase={StartPhase.Checking} error={p.error}>
+      <p className="text-base text-gitpod-red mt-2">
+        <code>{repoFullName}</code>
+      </p>
+      {statusMessage}
+    </StartPage>
+  );
 }
 
 interface RunningPrebuildViewProps {