From de2fe355f1ed63ffd2847b3c9e6401890c6a933e Mon Sep 17 00:00:00 2001
From: Zack Stickles <zstickles@gmail.com>
Date: Tue, 2 Jun 2020 15:30:40 -0700
Subject: [PATCH] chore: simple loading state

---
 src/templates/ReferenceTemplate.js | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/templates/ReferenceTemplate.js b/src/templates/ReferenceTemplate.js
index 61ecd8e31..095602443 100644
--- 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>
   );