Wrap BaseLayout loading messages in swagger-ui+loading-container

2017-12-12 13:24:42 -08:00
parent 0864ca849f
commit 3db4f6c93a
1 changed files with 9 additions and 2 deletions
--- a/src/core/components/layouts/base.jsx
+++ b/src/core/components/layouts/base.jsx
@@ -61,11 +61,18 @@ export default class BaseLayout extends React.Component {
    const isSpecEmpty = !specSelectors.specStr()

    if(isSpecEmpty) {
+      let loadingMessage
      if(isLoading) {
-        return <div className="loading-container"><div className="loading"></div></div>
+        loadingMessage = <div className="loading"></div>
      } else {
-        return <h4>No spec provided.</h4>
+        loadingMessage = <h4>No spec provided.</h4>
      }
+
+      return <div className="swagger-ui">
+        <div className="loading-container">
+          {loadingMessage}
+        </div>
+      </div>
    }

    return (