Add loader and conditional heading and filters

3 files changed, 20 insertions, 8 deletions

diff --git a/src/components/loader/index.js b/src/components/loader/index.js
index a4a5895..6265059 100644
--- a/src/components/loader/index.js
+++ b/src/components/loader/index.js
@@ -4,7 +4,7 @@ import './styles.css';
 
 const Loader = () => (
   <div className="loading-indicator">
-    <img src="/img/galaxy.svg" className='fa-spin' alt=".."/>
+    <img src="/img/solar.svg" className='fa-spin' alt=".."/>
   </div>
 );
 
diff --git a/src/components/loader/styles.css b/src/components/loader/styles.css
index 5e367fb..e270bc3 100644
--- a/src/components/loader/styles.css
+++ b/src/components/loader/styles.css
@@ -2,3 +2,7 @@
   margin: 50px 0 0;
   text-align: center;
 }
+
+.loading-indicator img {
+  height: 85px;
+}
diff --git a/src/containers/feed/index.js b/src/containers/feed/index.js
index b7272bf..682ae5d 100644
--- a/src/containers/feed/index.js
+++ b/src/containers/feed/index.js
@@ -82,14 +82,22 @@ class FeedContainer extends React.Component {
 
         <div className="container mt-4 mb-5 pb-4">
           <div className="header-row clearfix">
-            <GroupHeading/>
+            {
+              this.props.github.repositories &&
+              this.props.github.repositories[0] &&
+              <GroupHeading/>
+            }
             <div className="group-filters">
-              <Filters
-                selectedLanguage={ this.props.preference.language }
-                selectedViewType={ this.props.preference.viewType }
-                updateLanguage={ this.props.updateLanguage }
-                updateViewType={ this.props.updateViewType }
-              />
+              {
+                this.props.github.repositories &&
+                this.props.github.repositories[0] &&
+                <Filters
+                  selectedLanguage={ this.props.preference.language }
+                  selectedViewType={ this.props.preference.viewType }
+                  updateLanguage={ this.props.updateLanguage }
+                  updateViewType={ this.props.updateViewType }
+                />
+              }
             </div>
           </div>
           <div className="body-row">