From dcdad5ea5b1e36623e54a0bdf3e7aa2361178180 Mon Sep 17 00:00:00 2001
From: otenav <ola.toft-eriksen@nav.no>
Date: Wed, 22 Jan 2025 10:58:39 +0100
Subject: [PATCH 1/3] Legger til infoboks ved rapporter annonse

---
 .../[id]/_components/ReportAd.tsx             | 46 +++++++++++++++++--
 1 file changed, 41 insertions(+), 5 deletions(-)

diff --git a/src/app/rapporter-annonse/[id]/_components/ReportAd.tsx b/src/app/rapporter-annonse/[id]/_components/ReportAd.tsx
index 8d6ea3e21..90b317e7c 100644
--- a/src/app/rapporter-annonse/[id]/_components/ReportAd.tsx
+++ b/src/app/rapporter-annonse/[id]/_components/ReportAd.tsx
@@ -2,6 +2,7 @@
 
 import React, { useEffect, useRef, useState, FormEvent } from "react";
 import {
+    Alert,
     Bleed,
     BodyLong,
     BodyShort,
@@ -32,19 +33,22 @@ interface ReportAdProps {
     submitForm: (formData: FormData) => Promise<FormState>;
 }
 
+const ANNET_LABEL = "Annet";
+
 const reportCategories = [
     { label: "Diskriminerende innhold", key: "discrimination" },
     { label: "Det er markedsføring", key: "marketing" },
     { label: "Falsk stillingannonse og arbeidsgiver", key: "fake" },
     { label: "Krever betaling for å søke stilling", key: "payment" },
     { label: "Ber om kredittinfo og/eller BankID", key: "creditInfo" },
-    { label: "Annet", key: "other" },
+    { label: ANNET_LABEL, key: "other" },
 ];
 
 export default function ReportAd({ ad, submitForm }: ReportAdProps): JSX.Element {
     const errorSummary = useRef<HTMLDivElement>(null);
     const ref = useRef<HTMLHeadingElement>(null);
     const [description, setDescription] = useState<string>("");
+    const [checkedCategories, setCheckedCategories] = useState<string[]>([]);
 
     const [state, setState] = useState<FormState>({
         validationErrors: {} as ValidationErrors,
@@ -150,8 +154,13 @@ export default function ReportAd({ ad, submitForm }: ReportAdProps): JSX.Element
                             </Heading>
                             <BodyLong className="mb-8">
                                 Alle annonser på arbeidsplassen.no skal følge{" "}
-                                <AkselLink href="/retningslinjer-stillingsannonser" className="display-inline">
-                                    Navs retningslinjer for stillingsannonser
+                                <AkselLink
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                    href="/retningslinjer-stillingsannonser"
+                                    inlineText
+                                >
+                                    Navs retningslinjer for stillingsannonser (åpner i ny fane)
                                 </AkselLink>
                                 . I tilfeller der det er brudd på retningslinjene vil stillingsannonsene bli fjernet.
                             </BodyLong>
@@ -172,10 +181,12 @@ export default function ReportAd({ ad, submitForm }: ReportAdProps): JSX.Element
                                 id="categoryFieldset"
                                 legend="Velg hvilke retningslinjer annonsen bryter"
                                 description="Velg minst én"
-                                className="mb-8"
-                                onChange={() => {
+                                className="mb-4"
+                                onChange={(values) => {
+                                    setCheckedCategories(values);
                                     setErrorAsFixed("categoryFieldset");
                                 }}
+                                value={checkedCategories}
                                 error={!fixedErrors.includes("categoryFieldset") && validationErrors.categoryFieldset}
                             >
                                 {reportCategories.map((c) => (
@@ -184,6 +195,31 @@ export default function ReportAd({ ad, submitForm }: ReportAdProps): JSX.Element
                                     </Checkbox>
                                 ))}
                             </CheckboxGroup>
+
+                            {checkedCategories.includes(ANNET_LABEL) && (
+                                <Alert variant="info" className="mb-8" role="alert" aria-live="polite">
+                                    Ved mistanke om svart arbeid eller ulovlig utleie,{" "}
+                                    <AkselLink
+                                        inlineText
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                        href="https://tips.skatteetaten.no/web/tips/"
+                                    >
+                                        send tips til Skatteetaten (åpner i ny fane)
+                                    </AkselLink>
+                                    . Gjelder det kritikkverdige arbeidsforhold?{" "}
+                                    <AkselLink
+                                        inlineText
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                        href="https://www.arbeidstilsynet.no/kontakt-oss/tips/"
+                                    >
+                                        Send tips til Arbeidstilsynet (åpner i ny fane)
+                                    </AkselLink>
+                                    {"."}
+                                </Alert>
+                            )}
+
                             <Textarea
                                 id="messageField"
                                 className="mb-8"

From 45f87d25d2fd605090a3cb4832d1bd8a6672d9bf Mon Sep 17 00:00:00 2001
From: otenav <ola.toft-eriksen@nav.no>
Date: Wed, 22 Jan 2025 10:59:27 +0100
Subject: [PATCH 2/3] Revert "Legger til infoboks ved rapporter annonse"

This reverts commit dcdad5ea5b1e36623e54a0bdf3e7aa2361178180.
---
 .../[id]/_components/ReportAd.tsx             | 46 ++-----------------
 1 file changed, 5 insertions(+), 41 deletions(-)

diff --git a/src/app/rapporter-annonse/[id]/_components/ReportAd.tsx b/src/app/rapporter-annonse/[id]/_components/ReportAd.tsx
index 90b317e7c..8d6ea3e21 100644
--- a/src/app/rapporter-annonse/[id]/_components/ReportAd.tsx
+++ b/src/app/rapporter-annonse/[id]/_components/ReportAd.tsx
@@ -2,7 +2,6 @@
 
 import React, { useEffect, useRef, useState, FormEvent } from "react";
 import {
-    Alert,
     Bleed,
     BodyLong,
     BodyShort,
@@ -33,22 +32,19 @@ interface ReportAdProps {
     submitForm: (formData: FormData) => Promise<FormState>;
 }
 
-const ANNET_LABEL = "Annet";
-
 const reportCategories = [
     { label: "Diskriminerende innhold", key: "discrimination" },
     { label: "Det er markedsføring", key: "marketing" },
     { label: "Falsk stillingannonse og arbeidsgiver", key: "fake" },
     { label: "Krever betaling for å søke stilling", key: "payment" },
     { label: "Ber om kredittinfo og/eller BankID", key: "creditInfo" },
-    { label: ANNET_LABEL, key: "other" },
+    { label: "Annet", key: "other" },
 ];
 
 export default function ReportAd({ ad, submitForm }: ReportAdProps): JSX.Element {
     const errorSummary = useRef<HTMLDivElement>(null);
     const ref = useRef<HTMLHeadingElement>(null);
     const [description, setDescription] = useState<string>("");
-    const [checkedCategories, setCheckedCategories] = useState<string[]>([]);
 
     const [state, setState] = useState<FormState>({
         validationErrors: {} as ValidationErrors,
@@ -154,13 +150,8 @@ export default function ReportAd({ ad, submitForm }: ReportAdProps): JSX.Element
                             </Heading>
                             <BodyLong className="mb-8">
                                 Alle annonser på arbeidsplassen.no skal følge{" "}
-                                <AkselLink
-                                    target="_blank"
-                                    rel="noopener noreferrer"
-                                    href="/retningslinjer-stillingsannonser"
-                                    inlineText
-                                >
-                                    Navs retningslinjer for stillingsannonser (åpner i ny fane)
+                                <AkselLink href="/retningslinjer-stillingsannonser" className="display-inline">
+                                    Navs retningslinjer for stillingsannonser
                                 </AkselLink>
                                 . I tilfeller der det er brudd på retningslinjene vil stillingsannonsene bli fjernet.
                             </BodyLong>
@@ -181,12 +172,10 @@ export default function ReportAd({ ad, submitForm }: ReportAdProps): JSX.Element
                                 id="categoryFieldset"
                                 legend="Velg hvilke retningslinjer annonsen bryter"
                                 description="Velg minst én"
-                                className="mb-4"
-                                onChange={(values) => {
-                                    setCheckedCategories(values);
+                                className="mb-8"
+                                onChange={() => {
                                     setErrorAsFixed("categoryFieldset");
                                 }}
-                                value={checkedCategories}
                                 error={!fixedErrors.includes("categoryFieldset") && validationErrors.categoryFieldset}
                             >
                                 {reportCategories.map((c) => (
@@ -195,31 +184,6 @@ export default function ReportAd({ ad, submitForm }: ReportAdProps): JSX.Element
                                     </Checkbox>
                                 ))}
                             </CheckboxGroup>
-
-                            {checkedCategories.includes(ANNET_LABEL) && (
-                                <Alert variant="info" className="mb-8" role="alert" aria-live="polite">
-                                    Ved mistanke om svart arbeid eller ulovlig utleie,{" "}
-                                    <AkselLink
-                                        inlineText
-                                        target="_blank"
-                                        rel="noopener noreferrer"
-                                        href="https://tips.skatteetaten.no/web/tips/"
-                                    >
-                                        send tips til Skatteetaten (åpner i ny fane)
-                                    </AkselLink>
-                                    . Gjelder det kritikkverdige arbeidsforhold?{" "}
-                                    <AkselLink
-                                        inlineText
-                                        target="_blank"
-                                        rel="noopener noreferrer"
-                                        href="https://www.arbeidstilsynet.no/kontakt-oss/tips/"
-                                    >
-                                        Send tips til Arbeidstilsynet (åpner i ny fane)
-                                    </AkselLink>
-                                    {"."}
-                                </Alert>
-                            )}
-
                             <Textarea
                                 id="messageField"
                                 className="mb-8"

From 32c1c6a2fa014f3522490ffeb48c6d8288b827c4 Mon Sep 17 00:00:00 2001
From: otenav <ola.toft-eriksen@nav.no>
Date: Wed, 22 Jan 2025 11:00:55 +0100
Subject: [PATCH 3/3] Legger til infoboks ved rapporter annonse

---
 .../[id]/_components/ReportAd.tsx             | 46 +++++++++++++++++--
 1 file changed, 41 insertions(+), 5 deletions(-)

diff --git a/src/app/rapporter-annonse/[id]/_components/ReportAd.tsx b/src/app/rapporter-annonse/[id]/_components/ReportAd.tsx
index 8d6ea3e21..90b317e7c 100644
--- a/src/app/rapporter-annonse/[id]/_components/ReportAd.tsx
+++ b/src/app/rapporter-annonse/[id]/_components/ReportAd.tsx
@@ -2,6 +2,7 @@
 
 import React, { useEffect, useRef, useState, FormEvent } from "react";
 import {
+    Alert,
     Bleed,
     BodyLong,
     BodyShort,
@@ -32,19 +33,22 @@ interface ReportAdProps {
     submitForm: (formData: FormData) => Promise<FormState>;
 }
 
+const ANNET_LABEL = "Annet";
+
 const reportCategories = [
     { label: "Diskriminerende innhold", key: "discrimination" },
     { label: "Det er markedsføring", key: "marketing" },
     { label: "Falsk stillingannonse og arbeidsgiver", key: "fake" },
     { label: "Krever betaling for å søke stilling", key: "payment" },
     { label: "Ber om kredittinfo og/eller BankID", key: "creditInfo" },
-    { label: "Annet", key: "other" },
+    { label: ANNET_LABEL, key: "other" },
 ];
 
 export default function ReportAd({ ad, submitForm }: ReportAdProps): JSX.Element {
     const errorSummary = useRef<HTMLDivElement>(null);
     const ref = useRef<HTMLHeadingElement>(null);
     const [description, setDescription] = useState<string>("");
+    const [checkedCategories, setCheckedCategories] = useState<string[]>([]);
 
     const [state, setState] = useState<FormState>({
         validationErrors: {} as ValidationErrors,
@@ -150,8 +154,13 @@ export default function ReportAd({ ad, submitForm }: ReportAdProps): JSX.Element
                             </Heading>
                             <BodyLong className="mb-8">
                                 Alle annonser på arbeidsplassen.no skal følge{" "}
-                                <AkselLink href="/retningslinjer-stillingsannonser" className="display-inline">
-                                    Navs retningslinjer for stillingsannonser
+                                <AkselLink
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                    href="/retningslinjer-stillingsannonser"
+                                    inlineText
+                                >
+                                    Navs retningslinjer for stillingsannonser (åpner i ny fane)
                                 </AkselLink>
                                 . I tilfeller der det er brudd på retningslinjene vil stillingsannonsene bli fjernet.
                             </BodyLong>
@@ -172,10 +181,12 @@ export default function ReportAd({ ad, submitForm }: ReportAdProps): JSX.Element
                                 id="categoryFieldset"
                                 legend="Velg hvilke retningslinjer annonsen bryter"
                                 description="Velg minst én"
-                                className="mb-8"
-                                onChange={() => {
+                                className="mb-4"
+                                onChange={(values) => {
+                                    setCheckedCategories(values);
                                     setErrorAsFixed("categoryFieldset");
                                 }}
+                                value={checkedCategories}
                                 error={!fixedErrors.includes("categoryFieldset") && validationErrors.categoryFieldset}
                             >
                                 {reportCategories.map((c) => (
@@ -184,6 +195,31 @@ export default function ReportAd({ ad, submitForm }: ReportAdProps): JSX.Element
                                     </Checkbox>
                                 ))}
                             </CheckboxGroup>
+
+                            {checkedCategories.includes(ANNET_LABEL) && (
+                                <Alert variant="info" className="mb-8" role="alert" aria-live="polite">
+                                    Ved mistanke om svart arbeid eller ulovlig utleie,{" "}
+                                    <AkselLink
+                                        inlineText
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                        href="https://tips.skatteetaten.no/web/tips/"
+                                    >
+                                        send tips til Skatteetaten (åpner i ny fane)
+                                    </AkselLink>
+                                    . Gjelder det kritikkverdige arbeidsforhold?{" "}
+                                    <AkselLink
+                                        inlineText
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                        href="https://www.arbeidstilsynet.no/kontakt-oss/tips/"
+                                    >
+                                        Send tips til Arbeidstilsynet (åpner i ny fane)
+                                    </AkselLink>
+                                    {"."}
+                                </Alert>
+                            )}
+
                             <Textarea
                                 id="messageField"
                                 className="mb-8"