IS-2617: add demo link

src/sider/senoppfolging/OvingssideLink.tsx

@@ -0,0 +1,31 @@
+import { Box, Heading, HelpText } from "@navikt/ds-react";
+import React from "react";
+import { EksternLenke } from "@/components/EksternLenke";
+
+const texts = {
+  heading: "Øvingsside for Snart slutt på sykepengene",
+  link: "Se nyeste versjon av svarskjemaet her",
+  helpTextTitle: "Hvorfor kan øvingssiden avvike fra den sykmeldtes svar?",
+  helpText: "Bruker kan ha svart på en tidligere versjon av svarskjemaet.",
+};
+
+const demoUrl =
+  "https://demo.ekstern.dev.nav.no/syk/meroppfolging/snart-slutt-pa-sykepengene";
+
+export default function OvingssideLink() {
+  return (
+    <Box
+      background="surface-default"
+      padding="6"
+      className="flex flex-col gap-4 mb-2"
+    >
+      <div className="flex items-center gap-2">
+        <Heading level="2" size="medium">
+          {texts.heading}
+        </Heading>
+        <HelpText title={texts.helpTextTitle}>{texts.helpText}</HelpText>
+      </div>
+      <EksternLenke href={demoUrl}>{texts.link}</EksternLenke>
+    </Box>
+  );
+}

src/sider/senoppfolging/SenOppfolging.tsx

@@ -11,6 +11,7 @@ import {
 } from "@/data/senoppfolging/senOppfolgingTypes";
 import { VeiledningRutine } from "@/sider/senoppfolging/VeiledningRutine";
 import { NewVurderingForm } from "@/sider/senoppfolging/NewVurderingForm";
+import OvingssideLink from "@/sider/senoppfolging/OvingssideLink";
 
 const texts = {
   ikkeVarslet: {
@@ -45,6 +46,7 @@ export default function SenOppfolging(): ReactElement {
       </Tredelt.FirstColumn>
       <Tredelt.SecondColumn>
         <VeiledningRutine />
+        <OvingssideLink />
       </Tredelt.SecondColumn>
     </Tredelt.Container>
   ) : (

test/senoppfolging/SenOppfolgingTest.tsx

@@ -152,4 +152,27 @@ describe("Sen oppfolging", () => {
       begrunnelse: "En flott begrunnelse",
     });
   });
+
+  it("Viser link til ovingsside for snart slutt pa sykepengene", () => {
+    mockSenOppfolgingSvar();
+    mockSenOppfolgingKandidat(senOppfolgingKandidatMock);
+    renderSenOppfolging();
+
+    expect(
+      screen.getByRole("heading", {
+        name: "Øvingsside for Snart slutt på sykepengene",
+      })
+    ).to.exist;
+    expect(
+      screen.getByText(
+        "Bruker kan ha svart på en tidligere versjon av svarskjemaet."
+      )
+    ).to.exist;
+    const link = screen.getByRole("link", {
+      name: "Se nyeste versjon av svarskjemaet her Ekstern lenke",
+    });
+    expect(link.getAttribute("href")).to.contain(
+      "https://demo.ekstern.dev.nav.no/syk/meroppfolging/snart-slutt-pa-sykepengene"
+    );
+  });
 });