From d4c77f931654e7193b3d6662e1df99d428a6b773 Mon Sep 17 00:00:00 2001
From: Johan Haals <johan.haals@gmail.com>
Date: Fri, 12 Feb 2021 09:46:33 +0100
Subject: [PATCH] Scaffolder: Initial 404 view

---
 .../src/components/TaskPage/TaskPage.tsx      | 31 ++++++++++++-------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/plugins/scaffolder/src/components/TaskPage/TaskPage.tsx b/plugins/scaffolder/src/components/TaskPage/TaskPage.tsx
index 792e5ba3e3..e2a19f9f63 100644
--- a/plugins/scaffolder/src/components/TaskPage/TaskPage.tsx
+++ b/plugins/scaffolder/src/components/TaskPage/TaskPage.tsx
@@ -248,6 +248,11 @@ export const TaskPage = () => {
     return log.join('\n');
   }, [taskStream.stepLogs, currentStepId]);
 
+  const taskNotFound =
+    taskStream.completed === true &&
+    taskStream.loading === false &&
+    !taskStream.task;
+
   return (
     <Page themeId="home">
       <Header
@@ -260,18 +265,22 @@ export const TaskPage = () => {
         subtitle={`Activity for task: ${taskId}`}
       />
       <Content>
-        <Grid container>
-          <Grid item xs={3}>
-            <TaskStatusStepper
-              steps={steps}
-              currentStepId={currentStepId}
-              onUserStepChange={setUserSelectedStepId}
-            />
+        {taskNotFound ? (
+          <div>Task not found</div>
+        ) : (
+          <Grid container>
+            <Grid item xs={3}>
+              <TaskStatusStepper
+                steps={steps}
+                currentStepId={currentStepId}
+                onUserStepChange={setUserSelectedStepId}
+              />
+            </Grid>
+            <Grid item xs={9}>
+              <TaskLogger log={logAsString} />
+            </Grid>
           </Grid>
-          <Grid item xs={9}>
-            <TaskLogger log={logAsString} />
-          </Grid>
-        </Grid>
+        )}
       </Content>
     </Page>
   );