🐛 fix: Update invite link format in auth forms and sidebar to include hash fragment for routing.

apps/user/src/sections/auth/email/auth-form.tsx

@@ -1,13 +1,13 @@
 "use client";
 
-import { useNavigate } from "@tanstack/react-router";
+import { useNavigate, useSearch } from "@tanstack/react-router";
 import {
   resetPassword,
   userLogin,
   userRegister,
 } from "@workspace/ui/services/common/auth";
 import type { ReactNode } from "react";
-import { useState, useTransition } from "react";
+import { useEffect, useState, useTransition } from "react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 import { USER_EMAIL, USER_PASSWORD } from "@/config";
@@ -21,16 +21,25 @@ export default function EmailAuthForm() {
   const { t } = useTranslation("auth");
   const navigate = useNavigate();
   const { getUserInfo } = useGlobalStore();
+  const searchParams = useSearch({ strict: false }) as { invite?: string };
   const [type, setType] = useState<"login" | "register" | "reset">("login");
   const [loading, startTransition] = useTransition();
   const [initialValues, setInitialValues] = useState<{
     email?: string;
     password?: string;
+    invite?: string;
   }>({
     email: USER_EMAIL,
     password: USER_PASSWORD,
   });
 
+  useEffect(() => {
+    if (searchParams.invite) {
+      localStorage.setItem("invite", searchParams.invite);
+      setInitialValues((prev) => ({ ...prev, invite: searchParams.invite }));
+    }
+  }, [searchParams.invite]);
+
   const handleFormSubmit = async (params: any) => {
     const onLogin = async (token?: string) => {
       if (!token) return;

apps/user/src/sections/auth/phone/auth-form.tsx

@@ -1,13 +1,13 @@
 "use client";
 
-import { useNavigate } from "@tanstack/react-router";
+import { useNavigate, useSearch } from "@tanstack/react-router";
 import {
   telephoneLogin,
   telephoneResetPassword,
   telephoneUserRegister,
 } from "@workspace/ui/services/common/auth";
 import type { ReactNode } from "react";
-import { useState, useTransition } from "react";
+import { useEffect, useState, useTransition } from "react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 import { useGlobalStore } from "@/stores/global";
@@ -20,6 +20,7 @@ export default function PhoneAuthForm() {
   const { t } = useTranslation("auth");
   const navigate = useNavigate();
   const { getUserInfo } = useGlobalStore();
+  const searchParams = useSearch({ strict: false }) as { invite?: string };
   const [type, setType] = useState<"login" | "register" | "reset">("login");
   const [loading, startTransition] = useTransition();
   const [initialValues, setInitialValues] = useState<API.TelephoneLoginRequest>(
@@ -32,6 +33,13 @@ export default function PhoneAuthForm() {
     }
   );
 
+  useEffect(() => {
+    if (searchParams.invite) {
+      localStorage.setItem("invite", searchParams.invite);
+      setInitialValues((prev) => ({ ...prev, invite: searchParams.invite }));
+    }
+  }, [searchParams.invite]);
+
   const handleFormSubmit = async (params: any) => {
     const onLogin = async (token?: string) => {
       if (!token) return;

apps/user/src/sections/user/affiliate/index.tsx

@@ -72,7 +72,7 @@ export default function Affiliate() {
                   toast.success(t("copySuccess", "Copy Success"));
                 }
               }}
-              text={`${location?.origin}/auth?invite=${user?.refer_code}`}
+              text={`${location?.origin}/#/auth?invite=${user?.refer_code}`}
             >
               <Button className="gap-2" size="sm" variant="secondary">
                 <Copy className="h-4 w-4" />

apps/user/src/sections/user/sidebar-right.tsx

@@ -69,7 +69,7 @@ export function SidebarRight({
                     toast.success(t("copySuccess", "Copy Success"));
                   }
                 }}
-                text={`${isBrowser() && location?.origin}/auth?invite=${user?.refer_code}`}
+                text={`${isBrowser() && location?.origin}/#/auth?invite=${user?.refer_code}`}
               >
                 <Button className="size-5 p-0" variant="ghost">
                   <Icon