Rename site nav component

components/site-nav/index.js

@@ -1,7 +1,7 @@
 import Link from 'next/link';
 import { HeaderWrap } from './style';
 
-const TopNav = () => (
+const SiteNav = () => (
   <HeaderWrap>
     <div className="top-row container">
       <div className="flex-grow-1 brand">
@@ -19,4 +19,4 @@ const TopNav = () => (
   </HeaderWrap>
 );
 
-export default TopNav;
+export default SiteNav;

layouts/guide/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import DefaultLayout from 'layouts/default';
-import TopNav from 'components/top-nav';
+import SiteNav from 'components/site-nav';
 import PageFooter from 'components/page-footer';
 
 class GuideLayout extends React.Component {
@@ -9,7 +9,7 @@ class GuideLayout extends React.Component {
 
     return (
       <DefaultLayout>
-        <TopNav />
+        <SiteNav />
         { children }
         <PageFooter />
       </DefaultLayout>

pages/[roadmap]/index.js

@@ -1,6 +1,6 @@
 import Error from 'next/error';
 import DefaultLayout from 'layouts/default';
-import TopNav from 'components/top-nav';
+import SiteNav from 'components/site-nav';
 import PageFooter from 'components/page-footer';
 import RoadmapSummary from 'components/roadmap-summary';
 import { serverOnlyProps } from 'lib/server';
@@ -15,7 +15,7 @@ const Roadmap = ({ roadmap }) => {
   return (
     <DefaultLayout>
       <Helmet title={ roadmap.title } description={ roadmap.description } />
-      <TopNav />
+      <SiteNav />
       <RoadmapSummary roadmap={ roadmap } />
       <PageFooter />
     </DefaultLayout>

pages/about.js

@@ -1,12 +1,12 @@
 import AboutHeader from 'components/about-header/index';
 import PageFooter from 'components/page-footer/index';
-import TopNav from 'components/top-nav';
+import SiteNav from 'components/site-nav';
 import DefaultLayout from 'layouts/default/index';
 import FaqList from 'components/faq-list/index';
 
 const About = () => (
   <DefaultLayout>
-    <TopNav />
+    <SiteNav />
     <AboutHeader />
     <FaqList />
     <PageFooter />

pages/guides/index.js

@@ -1,9 +1,9 @@
 import DefaultLayout from 'layouts/default/index';
-import TopNav from 'components/top-nav';
+import SiteNav from 'components/site-nav';
 
 const Roadmap = () => (
   <DefaultLayout>
-    <TopNav />
+    <SiteNav />
     <div className="container">
       <p>Show all guides here</p>
     </div>

pages/index.js

@@ -1,12 +1,12 @@
 import FeaturedContent from 'components/featured-content/index';
 import HeroSection from 'components/hero-section/index';
 import PageFooter from 'components/page-footer/index';
-import TopNav from 'components/top-nav';
+import SiteNav from 'components/site-nav';
 import DefaultLayout from 'layouts/default/index';
 
 const Home = (props) => (
   <DefaultLayout>
-    <TopNav />
+    <SiteNav />
     <HeroSection />
     <FeaturedContent />
     <PageFooter />

pages/privacy.js

@@ -1,4 +1,4 @@
-import TopNav from 'components/top-nav';
+import SiteNav from 'components/site-nav';
 import PageFooter from 'components/page-footer/index';
 import { TosPage } from 'components/tos-page/index';
 import DefaultLayout from 'layouts/default/index';
@@ -6,7 +6,7 @@ import DefaultLayout from 'layouts/default/index';
 const Privacy = () => (
   <DefaultLayout>
     <TosPage>
-      <TopNav />
+      <SiteNav />
       <div className="bg-light border-top privacy-wrap">
         <div className="container pt-5 pb-5">
           <h2 className='font-weight-bold mb-3'>Privacy Policy</h2>

pages/roadmaps.js

@@ -1,11 +1,11 @@
 import roadmaps from 'data/roadmaps';
 import DefaultLayout from 'layouts/default/index';
-import TopNav from 'components/top-nav';
+import SiteNav from 'components/site-nav';
 import RoadmapBlock from 'components/roadmap-block';
 
 const RoadmapsList = () => (
   <DefaultLayout>
-    <TopNav />
+    <SiteNav />
     <div className="container">
       <div className="row">
         { roadmaps

pages/terms.js

@@ -1,12 +1,12 @@
 import PageFooter from 'components/page-footer/index';
-import TopNav from 'components/top-nav';
+import SiteNav from 'components/site-nav';
 import { TosPage } from 'components/tos-page/index';
 import DefaultLayout from 'layouts/default/index';
 
 const Terms = () => (
   <DefaultLayout>
     <TosPage>
-      <TopNav />
+      <SiteNav />
       <div className="bg-light border-top tos-wrap">
         <div className="container pt-5 pb-5">
           <h2>Terms of Service</h2>