HI-VPN/hi-frontend
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
web@ppanel 2025-12-22 04:26:27 +00:00
parent 076d35100e
commit 7a8c010295
4 changed files with 23 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
apps/user/src/sections/auth/email/auth-form.tsx
View File

@ -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;

12
apps/user/src/sections/auth/phone/auth-form.tsx
View File

@ -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;

2
apps/user/src/sections/user/affiliate/index.tsx
View File

@ -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" />

2
apps/user/src/sections/user/sidebar-right.tsx
View File

@ -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