Danjela Shehi
--- a/src/ui/NavigationBar.js 0 → 100644
+++ b/src/ui/NavigationBar.js 0 → 100644
+  menuLinks: PropTypes.arrayOf(
+    PropTypes.shape({
+      to: PropTypes.string.isRequired,
+      title: PropTypes.string.isRequired,
+    }),
+  ),
+
+  /** Data that will be passed to the rightComponent for the logged in user status*/
+  user: PropTypes.shape({
+    username: PropTypes.string,
+    admin: PropTypes.bool,
+  }),
+}
+
+NavigationBar.defaultProps = {
+  brand: 'NO',
--- a/src/ui/NavigationBar.js 0 → 100644
+++ b/src/ui/NavigationBar.js 0 → 100644
+    }),
+  ),
+
+  /** Data that will be passed to the rightComponent for the logged in user status*/
+  user: PropTypes.shape({
+    username: PropTypes.string,
+    admin: PropTypes.bool,
+  }),
+}
+
+NavigationBar.defaultProps = {
+  brand: 'NO',
+  menuLinks: [
+    {
+      to: '/',
+      title: null,
--- a/src/ui/NavigationBar.js 0 → 100644
+++ b/src/ui/NavigationBar.js 0 → 100644
+import React from 'react'
+import { BrowserRouter } from 'react-router-dom'
+import PropTypes from 'prop-types'
+import { Action as UiAction, AppBar as UIAppBar, Icon } from '@pubsweet/ui'
+import styled from 'styled-components'
+import { override, th } from '@pubsweet/ui-toolkit'
+import { Dropdown as UIDropdown } from '../ui'
+
+const Root = styled.div`
+  align-items: center;
+  display: flex;
+  flex-basis: 100%;
+  background-color: #cccccc;