From 86021b4f9fe481eeb54ac68408a24fa05813a8f4 Mon Sep 17 00:00:00 2001
From: yj <1336058017@qq.com>
Date: Tue, 23 Jul 2024 16:04:58 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=9B=E5=85=A5=E6=88=BF=E9=97=B4=E5=88=B7?=
 =?UTF-8?q?=E6=96=B0token?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/Home/Index/index.tsx | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/page/Home/Index/index.tsx b/src/page/Home/Index/index.tsx
index 14f8059..c676f52 100644
--- a/src/page/Home/Index/index.tsx
+++ b/src/page/Home/Index/index.tsx
@@ -5,6 +5,8 @@ import { useNavigate } from 'react-router-dom';
 import { Button, Input, Modal, Pagination, Empty, message } from "antd";
 import { GetRoom, PostRomm, GetCheckoutRoomNum, GetRoomRtcToken, GetRoomInfo } from '@/api/Home/Index';
 import ImageUrl from '@/utils/package/imageUrl'
+import { PostRefresh } from '@/api/Login';
+import { storage } from '@/utils';
 const Index: React.FC = () => {
   const navigate = useNavigate();
   const [list, setList] = useState({
@@ -19,12 +21,15 @@ const Index: React.FC = () => {
     roomNum: ""
   })
   const [joinRoomModal, setJoinRoomModal] = useState(false)
+  const [user, setUser] = useState<any>({});
   const [joinRoomFrom, setJoinRoomFrom] = useState<string>('')
+  useEffect(() => {
+    let userInfo = JSON.parse(storage.getItem('user') as string)
+    setUser(userInfo)
+  }, []);
   useEffect(() => {
     getRoomList()
   }, [list.pageIndex]);
-
-
   const getRoomList = async (): Promise<void> => {
     await GetRoom({
       pageIndex: list.pageIndex,
@@ -59,6 +64,13 @@ const Index: React.FC = () => {
       }
     })
   }
+  const postRefresh = async (): Promise<void> => {
+    await PostRefresh(user.refresh_token).then(res => {
+      if (res.code === 200) {
+        storage.setItem('user', JSON.stringify(res.data))
+      }
+    })
+  }
 
   return (
     <>
@@ -114,8 +126,9 @@ const Index: React.FC = () => {
                       {/* <Button type="primary" danger>设置</Button> */}
                       <Button type="primary"
                         iconPosition={'end'}
-                        onClick={() => {
-                          getRoomRtcToken(item.roomNum, (res: any) => {
+                        onClick={async () => {
+                          await postRefresh()
+                          await getRoomRtcToken(item.roomNum, (res: any) => {
                             if (res) {
                               navigate(`/meeting`, {
                                 state: {
@@ -254,11 +267,12 @@ const Index: React.FC = () => {
             display: 'flex', justifyContent: 'center'
           }}>
             <Button type="primary" style={{ backgroundColor: '#31353A', marginRight: '14px' }} onClick={() => setJoinRoomModal(false)}>取消</Button>
-            <Button type="primary" className='m-ant-btn' onClick={() => {
+            <Button type="primary" className='m-ant-btn' onClick={async () => {
               if (!joinRoomFrom) {
                 return message.error('请输入房间号！')
               }
-              isGetCheckoutRoomNum(joinRoomFrom, (bool: boolean) => {
+              await postRefresh()
+              await isGetCheckoutRoomNum(joinRoomFrom, (bool: boolean) => {
                 if (bool) {
                   getRoomRtcToken(joinRoomFrom, (token: string) => {
                     if (token) {