chore: updates

src/routes/sendMagicLink/index.tsx

@@ -10,9 +10,11 @@ import { useTranslation } from "react-i18next";
 import SocialLoginButtons from "../login/SocialLoginButtons";
 import Divider from "../../common/component/Divider";
 import SignInLink from "../reg/SignInLink";
+import { useAppSelector } from "../../app/store";
 
 export default function SendMagicLinkPage() {
   const { t } = useTranslation("auth");
+  const serverName = useAppSelector(store => store.server.name);
   const [sent, setSent] = useState(false);
   const [sendMagicLink, { isSuccess, isLoading, error }] = useSendLoginMagicLinkMutation();
   const navigateTo = useNavigate();
@@ -72,7 +74,7 @@ export default function SendMagicLinkPage() {
           <>
             <div className="flex flex-col items-center">
               <img src={`${BASE_URL}/resource/organization/logo`} alt="logo" className="w-14 h-14 mb-7 rounded-full" />
-              <h2 className="font-semibold text-2xl text-gray-800 dark:text-gray-200 mb-2">{t("enter")}VoceChat</h2>
+              <h2 className="font-semibold text-2xl text-gray-800 dark:text-gray-200 mb-2">{t("enter")} {serverName} </h2>
               <span className="text-center text-gray-500 mb-6">{t("placeholder_email")}</span>
             </div>
             <form onSubmit={handleLogin} className="flex flex-col gap-5 w-[360px]">
@@ -92,7 +94,7 @@ export default function SendMagicLinkPage() {
               </Button>
             </form>
             <Divider content="OR" />
-            <Button onClick={handlePwdPath} className="flex">{t("login.password")}</Button>
+            <Button onClick={handlePwdPath} className="w-full" >{t("login.password")}</Button>
             <div className="flex flex-col gap-3 py-3">
               <SocialLoginButtons />
             </div>