diff --git a/client/src/components/header/header.component.jsx b/client/src/components/header/header.component.jsx index 386fa052d..407bfd8a5 100644 --- a/client/src/components/header/header.component.jsx +++ b/client/src/components/header/header.component.jsx @@ -1,15 +1,3 @@ -import { Badge, Layout, Menu, Spin } from "antd"; -import { useTranslation } from "react-i18next"; -import { useEffect, useRef, useState } from "react"; -import { connect } from "react-redux"; -import { createStructuredSelector } from "reselect"; -import { Link } from "react-router-dom"; -import { useQuery } from "@apollo/client"; -import { useSocket } from "../../contexts/SocketIO/useSocket.jsx"; -import { useSplitTreatments } from "@splitsoftware/splitio-react"; -import NotificationCenterContainer from "../notification-center/notification-center.container.jsx"; -import LockWrapper from "../lock-wrapper/lock-wrapper.component"; -import { HasFeatureAccess } from "../feature-wrapper/feature-wrapper.component"; import { BankFilled, BarChartOutlined, @@ -38,19 +26,31 @@ import { UnorderedListOutlined, UserOutlined } from "@ant-design/icons"; +import { useQuery } from "@apollo/client"; +import { useSplitTreatments } from "@splitsoftware/splitio-react"; +import { Badge, Layout, Menu, Spin } from "antd"; +import { useEffect, useRef, useState } from "react"; +import { useTranslation } from "react-i18next"; import { BsKanban } from "react-icons/bs"; import { FaCalendarAlt, FaCarCrash, FaCreditCard, FaFileInvoiceDollar, FaTasks } from "react-icons/fa"; import { FiLogOut } from "react-icons/fi"; import { GiPayMoney, GiPlayerTime, GiSettingsKnobs } from "react-icons/gi"; import { IoBusinessOutline } from "react-icons/io5"; import { RiSurveyLine } from "react-icons/ri"; +import { connect } from "react-redux"; +import { Link } from "react-router-dom"; +import { createStructuredSelector } from "reselect"; +import { useSocket } from "../../contexts/SocketIO/useSocket.jsx"; import { GET_UNREAD_COUNT } from "../../graphql/notifications.queries.js"; import { selectRecentItems, selectSelectedHeader } from "../../redux/application/application.selectors"; import { setModalContext } from "../../redux/modals/modals.actions"; import { signOutStart } from "../../redux/user/user.actions"; import { selectBodyshop, selectCurrentUser } from "../../redux/user/user.selectors"; -import InstanceRenderManager from "../../utils/instanceRenderMgr"; import day from "../../utils/day.js"; +import InstanceRenderManager from "../../utils/instanceRenderMgr"; +import { HasFeatureAccess } from "../feature-wrapper/feature-wrapper.component"; +import LockWrapper from "../lock-wrapper/lock-wrapper.component"; +import NotificationCenterContainer from "../notification-center/notification-center.container.jsx"; // Redux mappings const mapStateToProps = createStructuredSelector({ @@ -216,7 +216,6 @@ function Header({ icon: , label: t("menus.header.enterpayment"), onClick: () => - HasFeatureAccess({ featureName: "payments", bodyshop }) && setPaymentContext({ actions: {}, context: null