Fix flow

components/ChecklistItem/Apps.js

@@ -8,10 +8,13 @@ type Props = {
   resource: ChecklistResource,
 };
 
-export const Apps = ({ resource }: Props) => (
-  <AppsContainer>
-    {resource.apps.map(app => (
-      <AppRow key={app.name} app={app} />
-    ))}
-  </AppsContainer>
-);
+export const Apps = ({ resource }: Props) => {
+  if (!resource.apps) return null;
+  return (
+    <AppsContainer>
+      {resource.apps.map(app => (
+        <AppRow key={app.name} app={app} />
+      ))}
+    </AppsContainer>
+  );
+};

components/ChecklistItem/Resources.js

@@ -8,11 +8,14 @@ type Props = {
   resource: ChecklistResource,
 };
 
-export const Resources = ({ resource }: Props) => (
-  <React.Fragment>
-    <SectionHeading>More Resources</SectionHeading>
-    {resource.resources.map(r => (
-      <ResourceRow key={resource.name} resource={r} />
-    ))}
-  </React.Fragment>
-);
+export const Resources = ({ resource }: Props) => {
+  if (!resource.resources) return null;
+  return (
+    <React.Fragment>
+      <SectionHeading>More Resources</SectionHeading>
+      {resource.resources.map(r => (
+        <ResourceRow key={r.name} resource={r} />
+      ))}
+    </React.Fragment>
+  );
+};

types/index.js

@@ -29,6 +29,7 @@ export type App = {
   name: string,
   image: string,
   sources: AppSource,
+  url: string,
 };
 
 export type ChecklistResource = {