共享屏幕添加修改用户名

src/page/Meeting/UserListWindow/index.tsx

@@ -7,6 +7,7 @@ import Avatar from '@/components/Avatar';
 import { useEffect, useState, useRef } from "react";
 import { storage } from '@/utils';
 import EquipmentManagement from '@/components/EquipmentManagement';
+import UserName from '@/components/UserName';
 const { confirm } = Modal;
 
 const UserListWindow: React.FC = () => {
@@ -14,6 +15,7 @@ const UserListWindow: React.FC = () => {
   const [user, setUser] = useState<any>({});
   const [roomUserList, setRoomUserList] = useState<any>([])
   const equipmentManagementRef = useRef<any>();
+  const userNameRef = useRef<any>();
   const channel = new BroadcastChannel('meeting_channel');
   const userInfo = JSON.parse(storage.getItem('user') as string)
   useEffect(() => {
@@ -149,6 +151,18 @@ const UserListWindow: React.FC = () => {
                             });
                           }}
                         >移出会议</Button>
+                        <Button
+                          type="primary"
+                          className='m-ant-btn'
+                          style={{ width: '100%', marginTop: '10px' }}
+                          size={'small'}
+                          onClick={() => {
+                            userNameRef.current.changeModal({
+                              userName: item.userName,
+                              uid: item.uid
+                            })
+                          }}
+                        >修改用户名</Button>
                       </div>
                     }>
                       <EllipsisOutlined style={{
@@ -192,6 +206,7 @@ const UserListWindow: React.FC = () => {
           }}>全员静音</div>
         </div>
       </div>
+      <UserName ref={userNameRef} />
       <EquipmentManagement ref={equipmentManagementRef} getDriver={(uid: string) => {
         channel.postMessage({
           type: 'userListWindowEquipmentManagement',

src/page/Meeting/index.tsx

@@ -2347,7 +2347,6 @@ const Meeting: React.FC = () => {
                         {item.uid !== user.uid ? <Button
                           type="primary"
                           className='m-ant-btn'
-                          style={{ width: '100%', marginTop: '10px' }}
                           size={'small'}
                           onClick={() => {
                             userNameRef.current.changeModal({