legg til analytics

Author: bdahle

packages/nextjs/src/components/pages/contact-step-page/ContactStepPage.tsx

@@ -54,31 +54,40 @@ export const ContactStepPage = ({ data }: ContactStepPageProps) => {
                 {linkPanelsSubHeading && <BodyShort>{linkPanelsSubHeading}</BodyShort>}
 
                 <ul className={style.linkPanels}>
-                    {linkPanels.map((linkPanel, index) => (
-                        <li key={index}>
-                            <LinkPanel
-                                as={LenkeBase}
-                                href={linkPanel.target._path}
-                                className={style.linkPanel}
-                                // TODO finn utav analytics
-                                // analyticsComponent={'mellomsteg'}
-                                // analyticsLinkGroup={currentStepData.stepsHeadline}
-                                // analyticsLabel={step.label}s
-                            >
-                                <LinkPanel.Title>
-                                    {linkPanel.text ?? linkPanel.target.displayName}
-                                </LinkPanel.Title>
-                                {linkPanel.ingress && (
-                                    <LinkPanel.Description>
-                                        {linkPanel.ingress}
-                                    </LinkPanel.Description>
-                                )}
-                            </LinkPanel>
-                        </li>
-                    ))}
+                    {linkPanels.map((linkPanel, index) => {
+                        const linkPaneltitle = linkPanel.text ?? linkPanel.target.displayName;
+
+                        return (
+                            <li key={index}>
+                                <LinkPanel
+                                    as={LenkeBase}
+                                    href={linkPanel.target._path}
+                                    className={style.linkPanel}
+                                    analyticsComponent={'mellomsteg kontaktsider'}
+                                    analyticsLinkGroup={
+                                        linkPanelsHeading + ', ' + linkPanelsSubHeading
+                                    }
+                                    analyticsLabel={linkPaneltitle}
+                                >
+                                    <LinkPanel.Title>{linkPaneltitle}</LinkPanel.Title>
+                                    {linkPanel.ingress && (
+                                        <LinkPanel.Description>
+                                            {linkPanel.ingress}
+                                        </LinkPanel.Description>
+                                    )}
+                                </LinkPanel>
+                            </li>
+                        );
+                    })}
                 </ul>
             </div>
-            <LenkeInline href={backLink.target._path} className={style.backLink}>
+            <LenkeInline
+                href={backLink.target._path}
+                className={style.backLink}
+                analyticsComponent={'mellomsteg kontaktsider'}
+                analyticsLinkGroup={data.title}
+                analyticsLabel={'Tilbake'}
+            >
                 {backLink.text ?? backLink.target.displayName}
             </LenkeInline>
         </div>