From 0a4a2d0330d8a074beec5563b3eec58051bcadb7 Mon Sep 17 00:00:00 2001
From: ebelegu <89395215+ebelegu@users.noreply.github.com>
Date: Thu, 28 Nov 2024 14:05:21 +0100
Subject: [PATCH] =?UTF-8?q?Ny=20br=C3=B8dsmulesti?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Pages/Artikkel/Artikkel.tsx             | 10 +---
 src/Pages/Banner.css                        | 13 +++++
 src/Pages/Banner.tsx                        | 65 ++++++---------------
 src/Pages/Hovedside/Hovedside.tsx           |  1 -
 src/Pages/OmVirksomheten/OmVirksomheten.tsx |  6 --
 src/Pages/Pages.tsx                         | 36 ++++--------
 6 files changed, 43 insertions(+), 88 deletions(-)

diff --git a/src/Pages/Artikkel/Artikkel.tsx b/src/Pages/Artikkel/Artikkel.tsx
index d3b2210bb..b70fed133 100644
--- a/src/Pages/Artikkel/Artikkel.tsx
+++ b/src/Pages/Artikkel/Artikkel.tsx
@@ -127,15 +127,7 @@ export const Artikkel = () => {
 
     return (
         <>
-            <Brodsmulesti
-                brodsmuler={[
-                    {
-                        url: `/artikkel/${id}`,
-                        title: tittel,
-                        handleInApp: true,
-                    },
-                ]}
-            />
+            <Brodsmulesti/>
             <ArtikkelBanner tittel={tittel} />
             <div
                 className={'artikkel-container'}
diff --git a/src/Pages/Banner.css b/src/Pages/Banner.css
index 68f482fff..c0771424a 100644
--- a/src/Pages/Banner.css
+++ b/src/Pages/Banner.css
@@ -33,4 +33,17 @@
 
 .banner__saksoversikt__tittel {
     grid-area: tittel;
+}
+
+.brodsmulesti {
+    display: flex;
+    background: var(--a-bg-default);
+    padding: 16px 32px;
+    font-size: 1.125rem;
+    align-items: center;
+}
+.brodsmulesti svg {
+    color: var(--a-text-default);
+    width: 32px;
+    height: 32px;
 }
\ No newline at end of file
diff --git a/src/Pages/Banner.tsx b/src/Pages/Banner.tsx
index e0c860888..d5ac0803f 100644
--- a/src/Pages/Banner.tsx
+++ b/src/Pages/Banner.tsx
@@ -5,10 +5,11 @@ import { OrganisasjonsDetaljerContext } from './OrganisasjonDetaljerProvider';
 import { OrganisasjonerOgTilgangerContext } from './OrganisasjonerOgTilgangerProvider';
 import * as Record from '../utils/Record';
 import { NotifikasjonWidget } from '@navikt/arbeidsgiver-notifikasjon-widget';
-import { useNavigate, useSearchParams } from 'react-router-dom';
-import { onBreadcrumbClick, setBreadcrumbs } from '@navikt/nav-dekoratoren-moduler';
+import { useSearchParams } from 'react-router-dom';
 import { Heading, Loader } from '@navikt/ds-react';
 import './Banner.css';
+import { LenkeMedLogging } from '../GeneriskeElementer/LenkeMedLogging';
+import { HouseIcon } from '@navikt/aksel-icons';
 
 interface OwnProps {
     sidetittel?: string;
@@ -17,19 +18,7 @@ interface OwnProps {
 export const SimpleBanner: FunctionComponent<OwnProps> = ({
     sidetittel = 'Min side – arbeidsgiver',
 }) => {
-    useEffect(() => {
-        setBreadcrumbs([
-            {
-                url: 'https://arbeidsgiver.nav.no/min-side-arbeidsgiver',
-                title: 'Min side – arbeidsgiver',
-            },
-        ]).then(() => {});
-    }, []);
-    return (
-        <Bedriftsmeny
-            sidetittel={'Min side – arbeidsgiver'}
-        />
-    );
+    return <Bedriftsmeny sidetittel={'Min side – arbeidsgiver'} />;
 };
 
 export const SaksoversiktBanner = () => (
@@ -77,44 +66,24 @@ export const BannerMedBedriftsmeny: FunctionComponent<OwnProps> = ({ sidetittel
         : [];
 
     return (
-        <Bedriftsmeny
-            sidetittel={sidetittel}
-            organisasjoner={orgs}
-            orgnrSearchParam={useOrgnrHook}
-        >
+        <Bedriftsmeny sidetittel={sidetittel} organisasjoner={orgs} orgnrSearchParam={useOrgnrHook}>
             <NotifikasjonWidget />
         </Bedriftsmeny>
     );
 };
 
-interface Brodsmule {
-    url: string;
-    title: string;
-    handleInApp: boolean;
-}
-
-interface BrodsmuleProps {
-    brodsmuler: Brodsmule[];
-}
-
-export const Brodsmulesti = ({ brodsmuler }: BrodsmuleProps) => {
-    const navigate = useNavigate();
-
-    onBreadcrumbClick((breadcrumb) => {
-        navigate(breadcrumb.url);
-    });
-
-    const defaultBrodsmule: Brodsmule[] = [
-        { url: '/', title: 'Min side – arbeidsgiver', handleInApp: true },
-    ];
-
-    const breadcrumbs = defaultBrodsmule.concat(brodsmuler);
-
-    useEffect(() => {
-        setBreadcrumbs(breadcrumbs);
-    }, [JSON.stringify(brodsmuler)]);
-
-    return <></>;
+export const Brodsmulesti = () => {
+    return (
+        <div className="brodsmulesti">
+            <LenkeMedLogging
+                loggLenketekst={`Brødsmulesti - Min side - arbeidsgiver`}
+                href={"/"}
+            >
+                <HouseIcon title="a11y-title" fontSize="1.5rem" />
+                Min side – arbeidsgiver
+            </LenkeMedLogging>
+        </div>
+    );
 };
 
 export const Spinner = () => (
diff --git a/src/Pages/Hovedside/Hovedside.tsx b/src/Pages/Hovedside/Hovedside.tsx
index 7a51f73f0..c9525858c 100644
--- a/src/Pages/Hovedside/Hovedside.tsx
+++ b/src/Pages/Hovedside/Hovedside.tsx
@@ -23,7 +23,6 @@ const Hovedside: FunctionComponent = () => {
 
     return (
         <div>
-            <Brodsmulesti brodsmuler={[]} />
             <div className="hovedside-container">
                 <AdvarselBannerTestversjon />
                 <Alerts />
diff --git a/src/Pages/OmVirksomheten/OmVirksomheten.tsx b/src/Pages/OmVirksomheten/OmVirksomheten.tsx
index 07da4aef0..52ba4904e 100644
--- a/src/Pages/OmVirksomheten/OmVirksomheten.tsx
+++ b/src/Pages/OmVirksomheten/OmVirksomheten.tsx
@@ -5,7 +5,6 @@ import Underenhet from './Underenhet';
 import OverordnetEnhet from './OverordnetEnhet';
 import './OmVirksomheten.css';
 import { Box } from '@navikt/ds-react';
-import { Brodsmulesti } from '../Banner';
 
 const Kontaktpanel = ({ children }: { children: React.ReactNode }) => (
     <Box className="informasjon-om-bedrift">{children}</Box>
@@ -21,11 +20,6 @@ const OmVirksomheten: FunctionComponent = () => {
 
     return (
         <>
-            <Brodsmulesti
-                brodsmuler={[
-                    { url: '/bedriftsinformasjon', title: 'Om virksomheten', handleInApp: true },
-                ]}
-            />
             {overordnetenhet !== undefined && underenhet !== undefined ? (
                 <>
                     <Kontaktpanel>
diff --git a/src/Pages/Pages.tsx b/src/Pages/Pages.tsx
index d670235a8..45b615bcb 100644
--- a/src/Pages/Pages.tsx
+++ b/src/Pages/Pages.tsx
@@ -63,6 +63,7 @@ const Pages: FunctionComponent = () => (
                                                 path="/bedriftsinformasjon"
                                                 element={
                                                     <>
+                                                        <Brodsmulesti/>
                                                         <BannerMedBedriftsmeny
                                                             sidetittel={'Om virksomheten'}
                                                         />
@@ -85,16 +86,8 @@ const Pages: FunctionComponent = () => (
                                                 path="/saksoversikt"
                                                 element={
                                                     <>
+                                                        <Brodsmulesti/>
                                                         <SaksoversiktBanner />
-                                                        <Brodsmulesti
-                                                            brodsmuler={[
-                                                                {
-                                                                    url: '/saksoversikt',
-                                                                    title: 'Saksoversikt',
-                                                                    handleInApp: true,
-                                                                },
-                                                            ]}
-                                                        />
                                                         <Saksoversikt />
                                                     </>
                                                 }
@@ -104,20 +97,7 @@ const Pages: FunctionComponent = () => (
                                                 element={
                                                     <>
                                                         <SaksoversiktBanner />
-                                                        <Brodsmulesti
-                                                            brodsmuler={[
-                                                                {
-                                                                    url: '/saksoversikt',
-                                                                    title: 'Saksoversikt',
-                                                                    handleInApp: true,
-                                                                },
-                                                                {
-                                                                    url: '/sak',
-                                                                    title: 'Sak',
-                                                                    handleInApp: true,
-                                                                },
-                                                            ]}
-                                                        />
+
                                                         <Saksside />
                                                     </>
                                                 }
@@ -128,7 +108,15 @@ const Pages: FunctionComponent = () => (
                                                     <Navigate to="/saksoversikt" replace={true} />
                                                 }
                                             />
-                                            <Route path="/artikkel/:id" element={<Artikkel />} />
+                                            <Route
+                                                path="/artikkel/:id"
+                                                element={
+                                                    <>
+                                                        <Brodsmulesti/>
+                                                        <Artikkel />
+                                                    </>
+                                                }
+                                            />
                                             <Route
                                                 path="*"
                                                 element={