CoralLogo added to Coral-UI as SVG. and Admin session

client/coral-admin/src/components/ui/Header.css

@@ -0,0 +1,4 @@
+.header {
+    background: #505050;
+    overflow: hidden;
+}

client/coral-admin/src/components/ui/Header.js

@@ -4,9 +4,11 @@ import {Link} from 'react-router';
 import styles from './Header.css';
 import I18n from 'coral-framework/modules/i18n/i18n';
 import translations from '../../translations.json';
+import {Logo} from './Logo';
 
 export default () => (
-  <Header title='Talk'>
+  <Header className={styles.header}>
+    <Logo />
     <Navigation>
       <Link className={styles.navLink} to="/admin">{lang.t('configure.moderate')}</Link>
       <Link className={styles.navLink} to="/admin/community">{lang.t('configure.community')}</Link>

client/coral-admin/src/components/ui/Logo.css

@@ -0,0 +1,18 @@
+.logo h1 {
+    color: #272727;
+    font-size: 20px;
+    padding: 0 30px;
+}
+
+.logo span {
+    display: inline-block;
+    margin-left: 10px;
+    font-size: 18px;
+    vertical-align: middle;
+}
+
+.logo {
+    background: #E5E5E5;
+}
+
+

client/coral-admin/src/components/ui/Logo.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import styles from './Logo.css';
+import {CoralLogo} from 'coral-ui';
+
+export const Logo = () => (
+  <div className={styles.logo}>
+    <h1>
+      <CoralLogo stroke="#E5E5E5" />
+      <span>Talk</span>
+    </h1>
+  </div>
+);