BREAKING CHANGES: Converted to use Redux stores. Login now working using Redux.

client/src/components/header/header.component.jsx

@@ -6,45 +6,45 @@ import { Link } from "react-router-dom";
 import CurrentUserDropdown from "../current-user-dropdown/current-user-dropdown.component";
 import GlobalSearch from "../global-search/global-search.component";
 import ManageSignInButton from "../manage-sign-in-button/manage-sign-in-button.component";
-import "./header.styles.scss";
 
 export default ({ landingHeader, navItems, selectedNavItem }) => {
   const apolloClient = useApolloClient();
   const { t } = useTranslation();
-  
+
   const handleClick = e => {
     apolloClient.writeData({ data: { selectedNavItem: e.key } });
   };
 
   return (
-    <Row type='flex' justify='space-around'>
+    <Row type="flex" justify="space-around">
       <Col span={16}>
         <Menu
-          theme='dark'
-          className='header'
+          theme="dark"
+          className="header"
           onClick={handleClick}
           selectedKeys={selectedNavItem}
-          mode='horizontal'>
+          mode="horizontal"
+        >
           <Menu.Item>
             <GlobalSearch />
           </Menu.Item>
 
-          <Menu.Item key='home'>
-            <Link to='/manage'>
-              <Icon type='home' />
+          <Menu.Item key="home">
+            <Link to="/manage">
+              <Icon type="home" />
               {t("menus.header.home")}
             </Link>
           </Menu.Item>
           <Menu.SubMenu title={t("menus.header.jobs")}>
-            <Menu.Item key='activejobs'>
-              <Link to='/manage/jobs'>
-                <Icon type='home' />
+            <Menu.Item key="activejobs">
+              <Link to="/manage/jobs">
+                <Icon type="home" />
                 {t("menus.header.activejobs")}
               </Link>
             </Menu.Item>
-            <Menu.Item key='availablejobs'>
-              <Link to='/manage/available'>
-                <Icon type='home' />
+            <Menu.Item key="availablejobs">
+              <Link to="/manage/available">
+                <Icon type="home" />
                 {t("menus.header.availablejobs")}
               </Link>
             </Menu.Item>

client/src/components/header/header.container.jsx

@@ -1,25 +1,8 @@
 import React from "react";
-import "./header.styles.scss";
-import { useQuery } from "react-apollo";
-// //import {
-//   GET_LANDING_NAV_ITEMS,
-//   GET_NAV_ITEMS
-// } from "../../graphql/metadata.queries";
-import { GET_CURRENT_SELECTED_NAV_ITEM } from "../../graphql/local.queries";
-//import LoadingSpinner from "../loading-spinner/loading-spinner.component";
-//import AlertComponent from "../alert/alert.component";
 import HeaderComponent from "./header.component";
 
 export default ({ landingHeader, signedIn }) => {
-  const hookSelectedNavItem = useQuery(GET_CURRENT_SELECTED_NAV_ITEM);
-
-  const { selectedNavItem } = hookSelectedNavItem.data;
-
-  console.log("selectedNavItem", selectedNavItem);
   return (
-    <HeaderComponent
-      landingHeader={landingHeader}
-      selectedNavItem={selectedNavItem}
-    />
+    <HeaderComponent landingHeader={landingHeader} selectedNavItem={null} />
   );
 };

client/src/components/header/header.styles.scss

@@ -1,4 +0,0 @@
-.header{
-        text-align: center;     
-        width: 100%; 
-}