Merge pull request coderoad#353 from coderoad/validate-tutorial-format

ShMcK · web-flow · commit 1d1d14869341 · 2020-05-21T21:36:08.000-07:00
rough validate tutorial format
diff --git a/web-app/src/containers/SelectTutorial/LoadTutorialSummary.tsx b/web-app/src/containers/SelectTutorial/LoadTutorialSummary.tsx
@@ -12,6 +12,13 @@ interface Props {
 
 const LoadTutorialSummary = (props: Props) => {
   const { data, error, loading } = useFetch<TT.Tutorial>(props.url)
+  if (loading) {
+    return <LoadingPage text="Loading tutorial summary..." />
+  }
+  if (error) {
+    console.log(`Failed to load tutorial summary: ${error}`)
+    return <div>Error loading summary</div>
+  }
   if (!data) {
     return (
       <Dialog
@@ -24,15 +31,23 @@ const LoadTutorialSummary = (props: Props) => {
         No data returned for tutorial
       </Dialog>
     )
+  } else {
+    // quick validation
+    if (!data?.config?.repo) {
+      return (
+        <Dialog
+          title="Invalid Tutorial"
+          visible={true}
+          closeable={false}
+          footerActions={['ok']}
+          onOk={props.onReturnToSelection}
+        >
+          Loaded data does not match tutorial format
+        </Dialog>
+      )
+    }
+    props.onLoadSummary(data)
   }
-  if (loading) {
-    return <LoadingPage text="Loading tutorial summary..." />
-  }
-  if (error) {
-    console.log(`Failed to load tutorial summary: ${error}`)
-    return <div>Error loading summary</div>
-  }
-  props.onLoadSummary(data)
   return null
 }
 
