Additional fixes

src/assets/stylesheets/components/_LogoKovan.scss

@@ -0,0 +1,20 @@
+.sw-LogoKovan {
+    align-items: center;
+    display: flex;
+    justify-content: center;
+
+    .sw-Header & {
+        width: 178px;
+    }
+
+    .sw-Footer & {
+        height: 26px;
+    }
+
+}
+
+.sw-LogoKovan_Image {
+    display: block;
+    height: 100%;
+    width: 100%;
+}

src/assets/stylesheets/components/_index.scss

@@ -40,6 +40,7 @@
 @import "LogoDai";
 @import "LogoPOA";
 @import "LogoSokol";
+@import "LogoKovan";
 @import "MainTitle";
 @import "MobileMenuLinks";
 @import "NavigationLinks";

src/components/Logo/index.js

@@ -1,6 +1,7 @@
 import React from 'react'
 import { LogoPOA } from '../LogoPOA'
 import { LogoSokol } from '../LogoSokol'
+import { LogoKovan } from '../LogoKovan'
 import { LogoDai } from '../LogoDai'
 import { constants } from '../../utils/constants'
 
@@ -8,6 +9,8 @@ export const Logo = ({ href = null, extraClass = '', networkBranch = '' }) => {
   switch (networkBranch) {
     case constants.SOKOL:
       return <LogoSokol href={href} extraClass={extraClass} />
+    case constants.KOVAN:
+      return <LogoKovan href={href} extraClass={extraClass} />
     case constants.DAI:
       return <LogoDai href={href} extraClass={extraClass} />
     default:

src/components/LogoKovan/index.js

@@ -0,0 +1,11 @@
+import React from 'react'
+import logoKovan from './logo.svg'
+import { NavLink } from 'react-router-dom'
+
+export const LogoKovan = ({ href = null, extraClass = '' }) => {
+  return (
+    <NavLink to={href} className={`sw-LogoKovan ${extraClass}`}>
+      <img className="sw-LogoKovan_Image" src={logoKovan} alt="" />
+    </NavLink>
+  )
+}

src/components/LogoKovan/logo.svg

@@ -0,0 +1,32 @@
+<svg
+    height="26"
+    width="172"
+    xmlns="http://www.w3.org/2000/svg"
+>
+    <defs>
+        <style type="text/css">
+            @import url('https://fonts.googleapis.com/css?family=Nunito:400');
+            text {
+                font-family: "Nunito", sans-serif;
+            }
+        </style>
+    </defs>
+    <path
+        fill="#FFF"
+        fill-rule="evenodd"
+        d="M36.528 20H24.272c-.167 0-.334-.028-.499-.068l.018.068h-5.287l-1.607-5.969H.969A.96.96 0 0 1 0 13.078l.003-.015H0V5.906C0 4.853.86 4 1.922 4l.016.002V4h30.275c1.061 0 2.153.855 2.437 1.91l3.285 12.18c.285 1.055-.345 1.91-1.407 1.91zM7.723 6.866H3.361l1.169 4.298h4.362L7.723 6.866zm7.209 0h-4.361l1.169 4.298h4.361l-1.169-4.298zm11.743 10.985h1.923l-.517-1.911h-1.922l.516 1.911zm5.201-10.985h-8.17l2.194 8.119h8.171l-2.195-8.119zm2.453 9.074h-1.922l.516 1.911h1.923l-.517-1.911zm-33.61.047v-.05h12.969v.003h1.557L16.342 20H1.938v-.002L1.922 20A1.914 1.914 0 0 1 0 18.094v-1.188h.005c0-.006-.005-.01-.005-.015 0-.439.308-.793.719-.904z"
+    />
+    <text
+        fill="#FFF"
+        font-family="Nunito"
+        font-size="14"
+        font-weight="300"
+        x="47"
+        y="17"
+    >Governance&#32;App</text>
+    <path
+        fill="#FFF"
+        fill-rule="evenodd"
+        d="M170 0a1 1 0 0 1 1 1v24a1 1 0 0 1-2 0V1a1 1 0 0 1 1-1z"
+    />
+</svg>