From 28a7b3782e32c2acaa7386aecc986a245eaf755b Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde.park@gmail.com>
Date: Tue, 24 Nov 2020 15:36:46 -0500
Subject: [PATCH] publish: add loading spinner for notebooks

Fixes #4008.
---
 .../apps/publish/components/NotebookRoutes.tsx      | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/pkg/interface/src/views/apps/publish/components/NotebookRoutes.tsx b/pkg/interface/src/views/apps/publish/components/NotebookRoutes.tsx
index e95f4fa7ec..6bc662d141 100644
--- a/pkg/interface/src/views/apps/publish/components/NotebookRoutes.tsx
+++ b/pkg/interface/src/views/apps/publish/components/NotebookRoutes.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
 import { RouteComponentProps, Route, Switch } from "react-router-dom";
 import GlobalApi from "~/logic/api/global";
-import { 
+import {
   Association,
   Associations,
   Graphs,
@@ -55,15 +55,18 @@ export function NotebookRoutes(
       <Route
         path={baseUrl}
         exact
-        render={(routeProps) => (
-          <Notebook
+        render={(routeProps) => {
+          if (!graph) {
+            return <Center height="100%"><LoadingSpinner /></Center>;
+          }
+          return <Notebook
             {...props}
             graph={graph}
             contacts={notebookContacts}
             association={props.association}
             rootUrl={rootUrl}
-            baseUrl={baseUrl} />
-        )}
+            baseUrl={baseUrl} />;
+      }}
       />
       <Route
         path={relativePath("/new")}