fix: track user on page load

2024-07-15 09:13:20 +02:00
parent edb6005a72
commit c96008fb78
18 changed files with 247 additions and 122 deletions
--- a/components/Loyalty/Sidebar/JoinLoyalty/index.tsx
+++ b/components/Loyalty/Sidebar/JoinLoyalty/index.tsx
@@ -1,5 +1,6 @@
 import { serverClient } from "@/lib/trpc/server"

+import LoginButton from "@/components/Current/Header/LoginButton"
 import ArrowRight from "@/components/Icons/ArrowRight"
 import { ScandicFriends } from "@/components/Levels"
 import Button from "@/components/TempDesignSystem/Button"
@@ -13,7 +14,6 @@ import Contact from "./Contact"
 import styles from "./joinLoyalty.module.css"

 import type { JoinLoyaltyContactProps } from "@/types/components/loyalty/sidebar"
-import { TrackableClickIdEnum } from "@/types/components/tracking"
 import { LangParams } from "@/types/params"

 export default async function JoinLoyaltyContact({
@@ -53,13 +53,12 @@ export default async function JoinLoyaltyContact({
        ) : null}
        <section className={styles.loginContainer}>
          <Body>{formatMessage({ id: "Already a friend?" })}</Body>
-          <Link
+          <LoginButton
            className={styles.link}
+            lang={lang}
+            trackingId="loginJoinLoyalty"
+            position="join scandic friends sidebar"
            color="burgundy"
-            href={`/${lang}/login`}
-            variant="icon"
-            size="small"
-            id={TrackableClickIdEnum.LoginStartJoinScandicFriends}
          >
            <ArrowRight
              color="burgundy"
@@ -68,7 +67,7 @@ export default async function JoinLoyaltyContact({
              width="20"
            />
            {formatMessage({ id: "Log in here" })}
-          </Link>
+          </LoginButton>
        </section>
      </article>
      {block.contact ? <Contact contactBlock={block.contact} /> : null}