diff --git a/frontend/src/component/menu/__tests__/__snapshots__/drawer-test.jsx.snap b/frontend/src/component/menu/__tests__/__snapshots__/drawer-test.jsx.snap
index 8d2dfeff86..380fa40512 100644
--- a/frontend/src/component/menu/__tests__/__snapshots__/drawer-test.jsx.snap
+++ b/frontend/src/component/menu/__tests__/__snapshots__/drawer-test.jsx.snap
@@ -105,29 +105,7 @@ exports[`should render DrawerMenu 1`] = `
-
-
- User documentation
-
-
-
- GitHub
-
-
+ />
`;
@@ -237,28 +215,6 @@ exports[`should render DrawerMenu with "features" selected 1`] = `
-
-
- User documentation
-
-
-
- GitHub
-
-
+ />
`;
diff --git a/frontend/src/component/menu/drawer.jsx b/frontend/src/component/menu/drawer.jsx
index ba701f1f76..095b31ed9f 100644
--- a/frontend/src/component/menu/drawer.jsx
+++ b/frontend/src/component/menu/drawer.jsx
@@ -1,11 +1,20 @@
import React from 'react';
import { Drawer, Icon, Navigation } from 'react-mdl';
import { NavLink } from 'react-router-dom';
+import PropTypes from 'prop-types';
import styles from '../styles.scss';
import { baseRoutes as routes } from './routes';
-export const DrawerMenu = () => (
+function getIcon(name) {
+ if (name === 'c_github') {
+ return ;
+ } else {
+ return ;
+ }
+}
+
+export const DrawerMenu = ({ links = [] }) => (
@@ -28,20 +37,20 @@ export const DrawerMenu = () => (
-
- User documentation
-
-
- GitHub
-
+ {links.map(link => (
+
+ {getIcon(link.icon)} {link.value}
+
+ ))}
);
+
+DrawerMenu.propTypes = {
+ links: PropTypes.array,
+};
diff --git a/frontend/src/component/menu/header.jsx b/frontend/src/component/menu/header.jsx
index 61ced8aae2..22cf6219ee 100644
--- a/frontend/src/component/menu/header.jsx
+++ b/frontend/src/component/menu/header.jsx
@@ -37,7 +37,7 @@ class HeaderComponent extends PureComponent {
}
render() {
- const { headerBackground } = this.props.uiConfig;
+ const { headerBackground, links } = this.props.uiConfig;
const style = headerBackground ? { background: headerBackground } : {};
return (
@@ -46,7 +46,7 @@ class HeaderComponent extends PureComponent {
-
+
);
}
diff --git a/frontend/src/component/styles.scss b/frontend/src/component/styles.scss
index 58c1797aaa..6482ea5f28 100644
--- a/frontend/src/component/styles.scss
+++ b/frontend/src/component/styles.scss
@@ -79,7 +79,7 @@
}
.navigationIcon {
- margin-right: 32px;
+ margin-right: 24px;
}
.iconGitHub {
diff --git a/frontend/src/store/ui-config/__tests__/__snapshots__/ui-config-store.test.js.snap b/frontend/src/store/ui-config/__tests__/__snapshots__/ui-config-store.test.js.snap
index c62af75765..d3dfe601c3 100644
--- a/frontend/src/store/ui-config/__tests__/__snapshots__/ui-config-store.test.js.snap
+++ b/frontend/src/store/ui-config/__tests__/__snapshots__/ui-config-store.test.js.snap
@@ -2,9 +2,23 @@
exports[`should be default state 1`] = `
Object {
- "environment": undefined,
+ "environment": "Open-Soruce",
"headerBackground": undefined,
- "slogan": "A product originally created by FINN.no.",
+ "links": Array [
+ Object {
+ "href": "https://unleash.github.io",
+ "icon": "library_books",
+ "title": "User documentation",
+ "value": "User documentation",
+ },
+ Object {
+ "href": "https://github.com/Unleash",
+ "icon": "c_github",
+ "title": "Source code on GitHub",
+ "value": "GitHub",
+ },
+ ],
+ "slogan": "The enterprise ready feature toggle service.",
}
`;
@@ -12,14 +26,42 @@ exports[`should be merged state all 1`] = `
Object {
"environment": "dev",
"headerBackground": "red",
+ "links": Array [
+ Object {
+ "href": "https://unleash.github.io",
+ "icon": "library_books",
+ "title": "User documentation",
+ "value": "User documentation",
+ },
+ Object {
+ "href": "https://github.com/Unleash",
+ "icon": "c_github",
+ "title": "Source code on GitHub",
+ "value": "GitHub",
+ },
+ ],
"slogan": "hello",
}
`;
exports[`should only update headerBackground 1`] = `
Object {
- "environment": undefined,
+ "environment": "Open-Soruce",
"headerBackground": "black",
- "slogan": "A product originally created by FINN.no.",
+ "links": Array [
+ Object {
+ "href": "https://unleash.github.io",
+ "icon": "library_books",
+ "title": "User documentation",
+ "value": "User documentation",
+ },
+ Object {
+ "href": "https://github.com/Unleash",
+ "icon": "c_github",
+ "title": "Source code on GitHub",
+ "value": "GitHub",
+ },
+ ],
+ "slogan": "The enterprise ready feature toggle service.",
}
`;
diff --git a/frontend/src/store/ui-config/index.js b/frontend/src/store/ui-config/index.js
index 59937e8be9..60b4af856b 100644
--- a/frontend/src/store/ui-config/index.js
+++ b/frontend/src/store/ui-config/index.js
@@ -11,8 +11,22 @@ const UI_CONFIG = `${basePath}:ui_config`;
const DEFAULT = new $Map({
headerBackground: undefined,
- environment: undefined,
- slogan: 'A product originally created by FINN.no.',
+ environment: 'Open-Soruce',
+ slogan: 'The enterprise ready feature toggle service.',
+ links: [
+ {
+ value: 'User documentation',
+ icon: 'library_books',
+ href: 'https://unleash.github.io',
+ title: 'User documentation',
+ },
+ {
+ value: 'GitHub',
+ icon: 'c_github',
+ href: 'https://github.com/Unleash',
+ title: 'Source code on GitHub',
+ },
+ ],
});
function getInitState() {