Include service desk link

Author: JorgeMrtnzG

ui/app/components/NavBar.js

@@ -10,7 +10,7 @@ import { selectIsLoggedIn } from "../selectors";
 import LocaleSelector from "./LocaleSelector";
 import RequirePermission from "./RequirePermission";
 
-const NavBar = ({ isLoggedIn, login, logout }) =>
+const NavBar = ({ isLoggedIn, login, logout }) => (
   <Navbar>
     <Navbar.Header>
       <Navbar.Brand>
@@ -20,16 +20,6 @@ const NavBar = ({ isLoggedIn, login, logout }) =>
       </Navbar.Brand>
     </Navbar.Header>
     <Nav className="pull-right">
-      <li>
-        <NavLink to="/">
-          <FormattedMessage id="ui.about" defaultMessage="About" />
-        </NavLink>
-      </li>
-      <li>
-        <NavLink to="/learn">
-          <FormattedMessage id="ui.help" defaultMessage="Learn" />
-        </NavLink>
-      </li>
       <RequirePermission>
         <li>
           <NavLink to="/exports/new">
@@ -44,17 +34,14 @@ const NavBar = ({ isLoggedIn, login, logout }) =>
       </li>
       <li>
         <NavLink to="/configurations">
-          <FormattedMessage
-            id="ui.configurations"
-            defaultMessage="Configs"
-          />
+          <FormattedMessage id="ui.configurations" defaultMessage="Configs" />
         </NavLink>
       </li>
       <RequirePermission
         required={[
           "jobs.add_partnerexportregion",
           "jobs.change_partnerexportregion",
-          "jobs.delete_partnerexportregion"
+          "jobs.delete_partnerexportregion",
         ]}
       >
         <li>
@@ -67,7 +54,7 @@ const NavBar = ({ isLoggedIn, login, logout }) =>
         required={[
           "jobs.add_hdxexportregion",
           "jobs.change_hdxexportregion",
-          "jobs.delete_hdxexportregion"
+          "jobs.delete_hdxexportregion",
         ]}
       >
         <li>
@@ -76,46 +63,64 @@ const NavBar = ({ isLoggedIn, login, logout }) =>
           </NavLink>
         </li>
       </RequirePermission>
-      <RequirePermission
-        required={[
-          "auth.add_user"
-        ]}
-      >
+      <RequirePermission required={["auth.add_user"]}>
         <li>
           <a href="/admin">
             <FormattedMessage id="ui.admin" defaultMessage="Admin" />
           </a>
         </li>
       </RequirePermission>
-      <RequirePermission
-        required={[
-          "auth.add_user"
-        ]}
-      >
+      <RequirePermission required={["auth.add_user"]}>
         <li>
           <NavLink to="/stats">
             <FormattedMessage id="ui.stats" defaultMessage="Stats" />
           </NavLink>
         </li>
       </RequirePermission>
+      <li>
+        <NavLink to="/">
+          <FormattedMessage id="ui.about" defaultMessage="About" />
+        </NavLink>
+      </li>
+      <li>
+        <NavLink to="/learn">
+          <FormattedMessage id="ui.help" defaultMessage="Learn" />
+        </NavLink>
+      </li>
+      <li>
+        <NavLink
+          to={{
+            pathname:
+              "https://hotosm.atlassian.net/servicedesk/customer/portal/4",
+          }}
+          target="_blank"
+        >
+          <span title="For technical support click here">
+            <FormattedMessage id="ui.support" defaultMessage="Support" />
+          </span>
+        </NavLink>
+      </li>
       <NavItem>
         <LocaleSelector />
       </NavItem>
       <NavItem>
-      {!isLoggedIn &&
-        <Button bsStyle="danger" onClick={login}>
-          <FormattedMessage id="ui.log_in" defaultMessage="Log In" />
-        </Button>}
-      {isLoggedIn &&
-        <Button bsStyle="danger" onClick={logout}>
-          <FormattedMessage id="ui.log_out" defaultMessage="Log Out" />
-        </Button>}
+        {!isLoggedIn && (
+          <Button bsStyle="danger" onClick={login}>
+            <FormattedMessage id="ui.log_in" defaultMessage="Log In" />
+          </Button>
+        )}
+        {isLoggedIn && (
+          <Button bsStyle="danger" onClick={logout}>
+            <FormattedMessage id="ui.log_out" defaultMessage="Log Out" />
+          </Button>
+        )}
       </NavItem>
     </Nav>
-  </Navbar>;
+  </Navbar>
+);
 
-const mapStateToProps = state => ({
-  isLoggedIn: selectIsLoggedIn(state)
+const mapStateToProps = (state) => ({
+  isLoggedIn: selectIsLoggedIn(state),
 });
 
 export default connect(mapStateToProps, { login, logout })(NavBar);