log to fast api (#931)

audisaudisaudis · web-flow · commit 39e8446557ef · 2025-03-27T12:16:26.000+01:00
* log to fast api

* refactor

* text

* dont log api calls

* move to internal api
diff --git a/src/app/_common/fastApiTracking.ts b/src/app/_common/fastApiTracking.ts
@@ -0,0 +1,43 @@
+"use client";
+
+import { useEffect } from "react";
+import { CookieBannerUtils } from "@navikt/arbeidsplassen-react";
+import { usePathname, useSearchParams } from "next/navigation";
+
+export function FastApiTracker(): null {
+    const pathname = usePathname();
+    const searchParams = useSearchParams();
+
+    useEffect(() => {
+        const trackPageView = async () => {
+            try {
+                const userActionTaken: boolean = CookieBannerUtils.getUserActionTakenValue(document.cookie);
+                const hasCookieConsent: { analyticsConsent: boolean } = CookieBannerUtils.getConsentValues(
+                    document.cookie,
+                );
+                const eventName: string = userActionTaken
+                    ? hasCookieConsent.analyticsConsent
+                        ? "accepted"
+                        : "not-accepted"
+                    : "no-action";
+
+                await fetch("/stillinger/api/internal/fastapi", {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({
+                        url_host: window.location.host,
+                        url_path: pathname,
+                        url_query: searchParams.toString(),
+                        event_name: eventName,
+                    }),
+                });
+            } catch (err) {
+                console.error("An error occurred sending event to API route:", err);
+            }
+        };
+
+        trackPageView();
+    }, [pathname, searchParams]);
+
+    return null;
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -17,6 +17,7 @@ import { defaultMetadataDescription, defaultOpenGraphImage, getMetadataTitle } f
 import App from "./App";
 import Providers from "./Providers";
 import { CookieBannerUtils } from "@navikt/arbeidsplassen-react";
+import { FastApiTracker } from "@/app/_common/fastApiTracking";
 
 export async function generateMetadata(): Promise<Metadata> {
     return {
@@ -55,6 +56,7 @@ export default async function RootLayout({ children }: RootLayoutProps): Promise
             <body data-theme="arbeidsplassen" className={localFont.className}>
                 <Providers userPreferences={await actions.getUserPreferences()}>
                     <App userActionTaken={userActionTaken}>{children}</App>
+                    <FastApiTracker />
                 </Providers>
             </body>
         </html>
diff --git a/src/app/stillinger/api/internal/fastapi/route.ts b/src/app/stillinger/api/internal/fastapi/route.ts
@@ -0,0 +1,44 @@
+import { NextRequest, NextResponse } from "next/server";
+
+const FAST_API_APP_ID_PROD = "41fb84fd-4ff3-43f4-b7e0-d84444fb2f91";
+const FAST_API_APP_ID_DEV = "501ec40e-4010-4cb4-ad13-61ab529dd765";
+
+export async function POST(req: NextRequest) {
+    const allowedOrigins = ["https://arbeidsplassen.intern.dev.nav.no", "https://arbeidsplassen.nav.no"];
+
+    const origin = req.headers.get("origin");
+    if (!origin || !allowedOrigins.includes(origin)) {
+        return NextResponse.json({ error: "Forbidden" }, { status: 403 });
+    }
+
+    try {
+        const { url_host, url_path, url_query, event_name } = await req.json();
+
+        const appId = process.env.NODE_ENV === "production" ? FAST_API_APP_ID_PROD : FAST_API_APP_ID_DEV;
+
+        if (!appId) {
+            return NextResponse.json({ error: "Missing API ID" }, { status: 500 });
+        }
+
+        const response = await fetch("https://fastapi.nav.no/api/send", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+                app_id: appId,
+                url_host,
+                url_path,
+                url_query,
+                event_name,
+            }),
+        });
+
+        if (!response.ok) {
+            throw new Error("Failed to send event to Fast API");
+        }
+
+        return NextResponse.json({ success: true });
+    } catch (err) {
+        console.error("Fast API Server Error:", err);
+        return NextResponse.json({ error: "Internal Server Error" }, { status: 500 });
+    }
+}
diff --git a/src/app/stillinger/stilling/[id]/_components/icons/TwitterIcon.tsx b/src/app/stillinger/stilling/[id]/_components/icons/TwitterIcon.tsx
@@ -13,8 +13,8 @@ function TwitterIcon(): ReactElement {
             fill="none"
         >
             <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
+                fillRule="evenodd"
+                clipRule="evenodd"
                 d="M18.6204 3.20461C18.7346 3.07456 18.8992 3 19.0722 3C19.5892 3 19.8652 3.60931 19.5241 3.99786L13.7239 10.6056L19.8986 19.4265C20.3625 20.0893 19.8884 21 19.0793 21H16.1207C15.7943 21 15.4886 20.8408 15.3014 20.5735L10.7197 14.0282L4.7796 20.7954C4.66544 20.9254 4.50079 21 4.32775 21C3.81075 21 3.53484 20.3907 3.87589 20.0021L10.0099 13.0141L4.10142 4.57346C3.63748 3.91069 4.11163 3 4.92066 3H7.87934C8.20566 3 8.51145 3.15921 8.69858 3.42654L13.0141 9.59155L18.6204 3.20461ZM16.2248 19.8L5.30479 4.2H7.77521L18.6952 19.8H16.2248Z"
                 fill="currentColor"
             />
diff --git a/src/middleware.ts b/src/middleware.ts
@@ -35,7 +35,7 @@ function addCspHeaders(requestHeaders: Headers, responseHeaders: Headers) {
             frame-src 'self';
             block-all-mixed-content;
             ${process.env.NODE_ENV === "production" ? "upgrade-insecure-requests;" : ""};
-            connect-src 'self' https://sentry.gc.nav.no umami.nav.no;
+            connect-src 'self' https://sentry.gc.nav.no umami.nav.no https://fastapi.nav.no;
     `;
 
     // Replace newline characters and spaces
