Add Netlify Badge to Docs (#1485)

reduxjs · Dec 13, 2019 · 67d5e86 · 67d5e86
1 parent 66b69ec
commit 67d5e86
Showing 1 changed file with 50 additions and 42 deletions.
diff --git a/website/core/Footer.js b/website/core/Footer.js
@@ -5,17 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const React = require("react");
+const React = require('react')
 
 const Footer = ({ config }) => {
   const docUrl = (doc, language) => {
-    const baseUrl = config.baseUrl;
-    return `${baseUrl}${language ? `${language}/` : ""}${doc}`;
+    const baseUrl = config.baseUrl
+    return `${baseUrl}${language ? `${language}/` : ''}${doc}`
   }
 
   const pageUrl = (doc, language) => {
-    const baseUrl = config.baseUrl;
-    return baseUrl + (language ? `${language}/` : "") + doc;
+    const baseUrl = config.baseUrl
+    return baseUrl + (language ? `${language}/` : '') + doc
   }
   return (
     <footer className="nav-footer" id="footer">
@@ -32,16 +32,12 @@ const Footer = ({ config }) => {
         </a>
         <div>
           <h5>Docs</h5>
-          <a href={docUrl("introduction/quick-start")}>Introduction</a>
-          <a
-            href={docUrl(
-              "using-react-redux/connect-mapstate"
-            )}
-          >
+          <a href={docUrl('introduction/quick-start')}>Introduction</a>
+          <a href={docUrl('using-react-redux/connect-mapstate')}>
             Using React Redux
           </a>
-          <a href={docUrl("api/connect")}>API Reference</a>
-          <a href={docUrl("troubleshooting")}>Guides</a>
+          <a href={docUrl('api/connect')}>API Reference</a>
+          <a href={docUrl('troubleshooting')}>Guides</a>
         </div>
         <div>
           <h5>Community</h5>
@@ -52,9 +48,7 @@ const Footer = ({ config }) => {
           >
             Stack Overflow
           </a>
-          <a href="https://discord.gg/0ZcbPKXt5bZ6au5t">
-            Discord
-          </a>
+          <a href="https://discord.gg/0ZcbPKXt5bZ6au5t">Discord</a>
         </div>
         <div>
           <h5>More</h5>
@@ -70,39 +64,53 @@ const Footer = ({ config }) => {
           >
             Star
           </a>
+          <a href="https://www.netlify.com">
+            <img
+              src="https://www.netlify.com/img/global/badges/netlify-light.svg"
+              alt="Deploys by Netlify"
+            />
+          </a>
         </div>
       </section>
       <section className="copyright">
-        {config.copyright}<br />
-        Some icons copyright <a
+        {config.copyright}
+        <br />
+        Some icons copyright{' '}
+        <a
           href="https://fontawesome.com/license/free"
-          style={{color : "white"}}
+          style={{ color: 'white' }}
         >
           Font Awesome
-        </a>  and <a
-        href="https://thenounproject.com"
-        style={{color : "white"}}
-      >
-        Noun Project
-      </a> (<a
-        href="https://thenounproject.com/term/certificate/1945625/"
-        style={{color : "white"}}
-      >
-        prasong tadoungsorn
-      </a>, <a
-        href="https://thenounproject.com/term/box/1664404/"
-        style={{color : "white"}}
-      >
-        Vladimir Belochkin
-      </a>, <a
-        href="https://thenounproject.com/term/rocket/1245262/"
-        style={{color : "white"}}
-      >
-        Atif Arshad
-      </a>)
+        </a>{' '}
+        and{' '}
+        <a href="https://thenounproject.com" style={{ color: 'white' }}>
+          Noun Project
+        </a>{' '}
+        (
+        <a
+          href="https://thenounproject.com/term/certificate/1945625/"
+          style={{ color: 'white' }}
+        >
+          prasong tadoungsorn
+        </a>
+        ,{' '}
+        <a
+          href="https://thenounproject.com/term/box/1664404/"
+          style={{ color: 'white' }}
+        >
+          Vladimir Belochkin
+        </a>
+        ,{' '}
+        <a
+          href="https://thenounproject.com/term/rocket/1245262/"
+          style={{ color: 'white' }}
+        >
+          Atif Arshad
+        </a>
+        )
       </section>
     </footer>
-  );
+  )
 }
 
-module.exports = Footer;
+module.exports = Footer