|
@@ -1,16 +1,28 @@
|
|
|
"use client";
|
|
|
-import { FC, PropsWithChildren } from "react";
|
|
|
+import { FC, PropsWithChildren, useEffect } from "react";
|
|
|
import { useRouter } from "@/i18n";
|
|
|
import clsx from "clsx";
|
|
|
import ItemCom from "./component/ItemCom";
|
|
|
import ModalCom from "./component/ModalCom";
|
|
|
import './page.scss'
|
|
|
import { useGlobalStore } from '@/stores';
|
|
|
+import { getUserInfoApi, getUserMoneyApi } from "@/api/user";
|
|
|
|
|
|
interface Props {}
|
|
|
|
|
|
const Profile: FC<PropsWithChildren<Props>> = () => {
|
|
|
- const { token, userInfo } = useGlobalStore();
|
|
|
+ const { token, userInfo, setUserInfo } = useGlobalStore();
|
|
|
+
|
|
|
+ const userInfoRequest = async () => {
|
|
|
+ getUserInfoApi().then(res => {
|
|
|
+ res.code == 200 && setUserInfo(res.data)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ useEffect(() => {
|
|
|
+ token && userInfoRequest()
|
|
|
+ // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
|
+ }, [])
|
|
|
+
|
|
|
|
|
|
const router = useRouter();
|
|
|
const goPage = (path = '/') => {
|
|
@@ -27,7 +39,7 @@ const Profile: FC<PropsWithChildren<Props>> = () => {
|
|
|
{
|
|
|
token && (
|
|
|
<div>
|
|
|
- <span>{userInfo?.user_name || '昵称'}</span>
|
|
|
+ <span>Conta</span>
|
|
|
<span className="phone">{userInfo?.user_phone || ''}</span>
|
|
|
</div>
|
|
|
)
|
|
@@ -47,7 +59,7 @@ const Profile: FC<PropsWithChildren<Props>> = () => {
|
|
|
<span> Saldo </span>
|
|
|
<div className="num">
|
|
|
<span className="uppercase">brl </span>
|
|
|
- <span>0.00</span>
|
|
|
+ <span>{ userInfo?.amount_spent || 0.00 }</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -57,7 +69,7 @@ const Profile: FC<PropsWithChildren<Props>> = () => {
|
|
|
<span> Bônus <img className="a" src="/img/a.png" alt="" /></span>
|
|
|
<div className="num">
|
|
|
<span className="uppercase">brl </span>
|
|
|
- <span>0.00</span>
|
|
|
+ <span>{ userInfo?.amount_total || 0.00 }</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|