diff --git a/aksel.nav.no/website/pages/templates/skjemavalidering/demo.tsx b/aksel.nav.no/website/pages/templates/skjemavalidering/demo.tsx index 6f6e227826..0fa115e9ec 100644 --- a/aksel.nav.no/website/pages/templates/skjemavalidering/demo.tsx +++ b/aksel.nav.no/website/pages/templates/skjemavalidering/demo.tsx @@ -1,5 +1,5 @@ import React, { useEffect } from "react"; -import { ArrowLeftIcon, PaperplaneIcon } from "@navikt/aksel-icons"; +import { ArrowLeftIcon, ArrowRightIcon } from "@navikt/aksel-icons"; import { Button, ErrorSummary, @@ -22,18 +22,6 @@ const validatePersonnummer = (p: string) => { return ""; }; -// array of functions to run -let formSubmissionQueue = []; - -const addToFormSubmissionQueue = (eventFN) => { - formSubmissionQueue.push(eventFN); -}; - -const processFormSubmissionQueue = () => { - formSubmissionQueue.forEach((e) => e()); - formSubmissionQueue = []; -}; - const Example = () => { const errorSummaryRef = React.useRef(null); @@ -41,9 +29,8 @@ const Example = () => { const [formSubmitted, setFormSubmitted] = React.useState(false); const [personnummer, setPersonnummer] = React.useState(""); - const [transportmiddel, setTransportmiddel] = React.useState(""); - const [personnummerError, setPersonnummerError] = React.useState(""); + const [transportmiddel, setTransportmiddel] = React.useState(""); const [transportmiddelError, setTransportmiddelError] = React.useState(false); function submit(event: React.FormEvent) { @@ -71,13 +58,6 @@ const Example = () => { hasTriedToSubmit && (personnummerError || transportmiddelError), ); - // this runs anything queued by onBlurs - useEffect(() => { - document.addEventListener("mouseup", () => { - processFormSubmissionQueue(); - }); - }, []); - useEffect(() => { if (showErrorSummary) { errorSummaryRef.current?.focus(); @@ -89,7 +69,7 @@ const Example = () => { - Søknad sendt! + Demo slutt