In Progress work for Jobs Form.

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

@@ -3,50 +3,17 @@ import { Link } from "react-router-dom";
 import { Menu, Icon } from "antd";
 import "./header.styles.scss";
 import SignOut from "../sign-out/sign-out.component";
-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 ManageSignInButton from "../manage-sign-in-button/manage-sign-in-button.component";
 import { useApolloClient } from "@apollo/react-hooks";
 import GlobalSearch from "../global-search/global-search.component";
 
-export default ({ landingHeader, signedIn }) => {
+export default ({ landingHeader, navItems, selectedNavItem }) => {
   const apolloClient = useApolloClient();
-  const hookSelectedNavItem = useQuery(GET_CURRENT_SELECTED_NAV_ITEM);
-
-  let hookNavItems;
-  if (landingHeader) {
-    hookNavItems = useQuery(GET_LANDING_NAV_ITEMS, {
-      fetchPolicy: "network-only"
-    });
-  } else {
-    hookNavItems = useQuery(GET_NAV_ITEMS, {
-      fetchPolicy: "network-only"
-    });
-  }
 
   const handleClick = e => {
     apolloClient.writeData({ data: { selectedNavItem: e.key } });
   };
 
-  if (hookNavItems.loading || hookSelectedNavItem.loading)
-    return <LoadingSpinner />;
-  if (hookNavItems.error)
-    return <AlertComponent message={hookNavItems.error.message} />;
-  if (hookSelectedNavItem.error)
-    return console.log(
-      "Unable to load Selected Navigation Item.",
-      hookSelectedNavItem.error
-    );
-
-  const { selectedNavItem } = hookSelectedNavItem.data;
-  const navItems = JSON.parse(hookNavItems.data.masterdata_by_pk.value);
-
   return (
     <Menu
       theme="dark"