refactor(header): add link to logo text

Author: mydearxym

components/Navigator/BriefView.js

@@ -36,7 +36,7 @@ const BriefView = ({ community }) => (
             <LogoHolder src={CommunityLogoHolder} />
           )}
           <CommunityInfo>
-            <LogoText>coderplanets</LogoText>
+            <LogoText href="/home/posts">coderplanets</LogoText>
             <CommunityTitle>{community.title}</CommunityTitle>
           </CommunityInfo>
         </CommunityWrapper>

components/Navigator/DigestView.js

@@ -28,7 +28,7 @@ const DigestView = () => (
         </ShortAddr>
       }
     >
-      <LogoText>coderplanets</LogoText>
+      <LogoText href="/home/posts">coderplanets</LogoText>
     </Popover>
     <BetaLogo src={`${ICON_CMD}/beta.svg`} />
     <MainEntries />

components/Navigator/styles/brief_view.js

@@ -41,11 +41,18 @@ export const CommunityInfo = styled.div`
   ${cs.flexColumn()};
   margin-top: -2px;
 `
-export const LogoText = styled.div`
+export const LogoText = styled.a`
   color: ${theme('header.cardLogoText')};
   font-size: 0.8rem;
   font-family: Cursive, Helvetica;
+  display: block;
+
+  &:hover {
+    text-decoration: none;
+    color: ${theme('header.cardLogoText')};
+  }
 `
+
 export const CommunityTitle = styled.div`
   color: ${theme('header.cardTitle')};
   font-size: 1rem;

components/Navigator/styles/index.js

@@ -17,14 +17,20 @@ export const Logo = styled(CommunityFaceLogo)`
   opacity: 0.7;
 `
 // font-family: cursive; // not general
-export const LogoText = styled.div`
+export const LogoText = styled.a`
   color: ${theme('logoText')};
   font-family: Orbitron, Cursive, Helvetica;
   font-weight: bolder;
   letter-spacing: 1.5px;
   font-size: 0.9rem;
   margin-left: 6px;
   margin-top: 3px;
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: none;
+    color: ${theme('logoText')};
+  }
 `
 
 export const BetaLogo = styled(Img)`