src/pages/SignIn.tsx

@@ -2,8 +2,11 @@ import { useState, useEffect } from "react";
 import { useTranslation, getI18n } from "react-i18next";
 import phoneIconSelect from "../assets/iconfont/phone_Select.svg";
 import phoneIcon from "../assets/iconfont/phone.svg";
+import emailIcon from "../assets/iconfont/email.svg";
+import emailIconSelect from "../assets/iconfont/email_Select.svg";
 import Logo from "../assets/img/logo.png";
 import "./SignIn.scss";
+import EmailForm from "../components/EmailForm";
 import PhoneForm from "../components/PhoneForm";
 import { useNavigate } from "react-router-dom";
 import useUserStore from "../store/user.ts";
@@ -14,7 +17,7 @@ function SignIn() {
   const lang: string = getI18n().language;
   const [visible, setVisible] = useState(false);
 
-  const [selectIndex, setSelectIndex] = useState<number>(1);
+  const [selectIndex, setSelectIndex] = useState<number>(0);
   const { previousPathName, UpdatePreviousPathName } = useUserStore();
   const navigate = useNavigate();
   const { UpdateLang } = useUserStore();
@@ -100,13 +103,13 @@ function SignIn() {
         <img src={Logo} alt="" />
       </div>
       <div className="tabs">
-        {/* <div
+        <div
           className={`tabs-button ${selectIndex === 0 && "selected"}`}
           onClick={handleTabs(0)}
         >
           <img src={selectIndex === 0 ? emailIconSelect : emailIcon} alt="" />
           <span>{t("E-mail")}</span>
-        </div> */}
+        </div>
         <div
           className={`tabs-button ${selectIndex === 1 && "selected"}`}
           onClick={handleTabs(1)}
@@ -115,7 +118,7 @@ function SignIn() {
           <span>{t("phone")}</span>
         </div>
       </div>
-      {/* {selectIndex === 0 && <EmailForm></EmailForm>} */}
+      {selectIndex === 0 && <EmailForm></EmailForm>}
       {selectIndex === 1 && <PhoneForm></PhoneForm>}
       <div className="to-download">
         <p style={{ color: "#999999" }}>