Organise handlePublisherRequest button

ant-media · Jan 8, 2025 · 5396586 · 5396586
1 parent 645cd92
commit 5396586
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 7 deletions.
diff --git a/react/src/Components/Footer/Footer.js b/react/src/Components/Footer/Footer.js
@@ -222,7 +222,9 @@ function Footer(props) {
                       <RequestPublishButton
                           footer={true}
                           rounded={false}
-                          handlePublisherRequest={()=>props?.handlePublisherRequest()}
+                          handlePublisherRequest={()=> {
+                            props?.handlePublisherRequest()
+                          }}
                       />
                     </Grid>
                     : null}

diff --git a/react/src/Components/PublisherRequestTab.js b/react/src/Components/PublisherRequestTab.js
@@ -3,11 +3,11 @@ import Stack from "@mui/material/Stack";
 import Grid from "@mui/material/Grid";
 import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
-import {styled} from "@mui/material/styles";
+import {styled, useTheme} from "@mui/material/styles";
 import { SvgIcon } from "./SvgIcon";
 
 const PublisherRequestName = styled(Typography)(({ theme }) => ({
-    color: "#000",
+    color: theme.palette?.participantListIcon?.primary,
     fontWeight: 500,
     fontSize: 14,
 }));
@@ -20,6 +20,8 @@ const PinBtn = styled(Button)(({ theme }) => ({
 }));
 
 function PublisherRequestTab(props) {
+    const theme = useTheme();
+
     const getPublisherRequestItem = (streamId) => {
         return (
             <Grid
@@ -58,10 +60,10 @@ function PublisherRequestTab(props) {
         <div style={{width: "100%", overflowY: "auto"}}>
             <Stack sx={{width: "100%",}} spacing={2}>
                 <Grid container>
-                    <SvgIcon size={28} name="participants" color="#000"/>
+                    <SvgIcon size={28} name="participants" color={theme.palette?.participantListIcon?.primary}/>
                     <PublisherRequestName
                         variant="body2"
-                        style={{marginLeft: 8, fontWeight: 500}}
+                        style={{marginLeft: 8, fontWeight: 500, color: theme.palette?.participantListIcon?.primary}}
                     >
                         {props?.requestSpeakerList.length}
                     </PublisherRequestName>

diff --git a/react/src/pages/AntMedia.js b/react/src/pages/AntMedia.js
@@ -3451,7 +3451,7 @@ function AntMedia(props) {
                                 handleParticipantListOpen={(open) => handleParticipantListOpen(open)}
                                 requestSpeakerList={requestSpeakerList}
                                 handlePublisherRequestListOpen={(open) => setPublisherRequestListDrawerOpen(open)}
-                                handlePublisherRequest={()=>{}}
+                                handlePublisherRequest={()=>handlePublisherRequest()}
                                 setLeftTheRoom={(left) => setLeftTheRoom(left)}
                                 addFakeParticipant={() => addFakeParticipant()}
                                 removeFakeParticipant={() => removeFakeParticipant()}
@@ -3520,10 +3520,15 @@ function AntMedia(props) {
                                 setPublisherRequestListDrawerOpen={(open) => setPublisherRequestListDrawerOpen(open)}
                             />
                             <PublisherRequestListDrawer
+                                publisherRequestListDrawerOpen={publisherRequestListDrawerOpen}
                                 approveBecomeSpeakerRequest={(streamId) => approveBecomeSpeakerRequest(streamId)}
                                 rejectBecomeSpeakerRequest={(streamId) => rejectBecomeSpeakerRequest(streamId)}
                                 requestSpeakerList={requestSpeakerList}
                                 publishStreamId={publishStreamId}
+                                handleMessageDrawerOpen={(open) => handleMessageDrawerOpen(open)}
+                                handleParticipantListOpen={(open) => handleParticipantListOpen(open)}
+                                handleEffectsOpen={(open) => handleEffectsOpen(open)}
+                                setPublisherRequestListDrawerOpen={(open) => setPublisherRequestListDrawerOpen(open)}
                             />
                         </>
                     )}

diff --git a/react/src/pages/MeetingRoom.js b/react/src/pages/MeetingRoom.js
@@ -252,7 +252,7 @@ const MeetingRoom = React.memo((props) => {
                   requestSpeakerList={props?.requestSpeakerList}
                   publisherRequestListDrawerOpen={props?.publisherRequestListDrawerOpen}
                   handlePublisherRequestListOpen={props?.handlePublisherRequestListOpen}
-                  handlePublisherRequest={props?.handlePublisherRequest}
+                  handlePublisherRequest={()=> {props?.handlePublisherRequest()}}
                   setLeftTheRoom={props?.setLeftTheRoom}
                   addFakeParticipant={props?.addFakeParticipant}
                   removeFakeParticipant={props?.removeFakeParticipant}