chore: simple loading state

newrelic · Jun 2, 2020 · de2fe35 · de2fe35
1 parent 6a188b9
commit de2fe35
Showing 1 changed file with 12 additions and 8 deletions.
diff --git a/src/templates/ReferenceTemplate.js b/src/templates/ReferenceTemplate.js
@@ -31,15 +31,19 @@ const ReferenceTemplate = ({ data }) => {
           isOpen={isOpen}
           toggle={() => setIsOpen(!isOpen)}
         />
-        <main className={styles.content}>
-          <h1>{component}</h1>
+        {loaded ? (
+          <main className={styles.content}>
+            <h1>{component}</h1>
 
-          {componentData && componentData.__docs__ && (
-            <div className={styles.description}>
-              <ReactMarkdown source={componentData.__docs__.text} />
-            </div>
-          )}
-        </main>
+            {componentData && componentData.__docs__ && (
+              <div className={styles.description}>
+                <ReactMarkdown source={componentData.__docs__.text} />
+              </div>
+            )}
+          </main>
+        ) : (
+          <p>Loading...</p>
+        )}
       </Container>
     </Layout>
   );