diff --git a/app/src/components/layout/navLinks/NavLinks.tsx b/app/src/components/layout/navLinks/NavLinks.tsx index 34b6e61bb..7326eafea 100644 --- a/app/src/components/layout/navLinks/NavLinks.tsx +++ b/app/src/components/layout/navLinks/NavLinks.tsx @@ -8,20 +8,11 @@ import { useSessionContext } from '../../../providers/sessionProvider/SessionPro const NavLinks = () => { const navigate = useNavigate(); const [session] = useSessionContext(); - const [width, setWidth] = useState(window.innerWidth); const nav = (e: ReactEvent, link: string) => { e.preventDefault(); navigate(link); }; - useEffect(() => { - const handleResizeWindow = () => setWidth(window.innerWidth); - window.addEventListener('resize', handleResizeWindow); - return () => { - window.removeEventListener('resize', handleResizeWindow); - }; - }, []); - const appLinks = [ { href: routes.START, label: 'Home', id: 'home-btn' }, { href: routes.SEARCH_PATIENT, label: 'Search for a patient', id: 'search-btn' }, diff --git a/app/src/styles/App.scss b/app/src/styles/App.scss index 08fd44b98..78b2e02a8 100644 --- a/app/src/styles/App.scss +++ b/app/src/styles/App.scss @@ -656,45 +656,6 @@ $hunit: '%'; } } -// NavLinks -.navlinks { - display: initial; - - &_wrapper { - display: flex; - flex-flow: row nowrap; - } - - .nhsuk-header__navigation-title { - color: $color_nhsuk-white; - } - - .nhsuk-header__navigation-close { - display: none; - } - - &_item { - a { - color: $color_nhsuk-white; - text-decoration: underline; - text-decoration-color: $color_nhsuk-white; - text-underline-offset: 2px; - } - - a:hover { - text-decoration: none; - } - - a:visited { - color: $color_nhsuk-white; - } - - &--desktop { - margin: 0 2rem; - } - } -} - // override .nhsuk-back-link { margin-top: nhsuk-spacing(0);