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