fix: on stage actions

100mslive · Sep 5, 2023 · 6e70bc9 · 6e70bc9
1 parent 8fa0105
commit 6e70bc9
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/roomkit-react/src/Prebuilt/components/Footer/ParticipantList.jsx b/packages/roomkit-react/src/Prebuilt/components/Footer/ParticipantList.jsx
@@ -232,6 +232,8 @@ const ParticipantMoreActions = ({ peerId, role }) => {
   const localPeerId = useHMSStore(selectLocalPeerID);
   const isLocal = localPeerId === peerId;
   const [open, setOpen] = useState(false);
+  const showStageOption =
+    canChangeRole && off_stage_roles.includes(role) && (isInStage ? remove_from_stage_label : bring_to_stage_label);
 
   const handleStageAction = async () => {
     if (isInStage) {
@@ -268,7 +270,7 @@ const ParticipantMoreActions = ({ peerId, role }) => {
       </Dropdown.Trigger>
       <Dropdown.Portal>
         <Dropdown.Content align="end" sideOffset={8} css={{ w: '$64', bg: '$surface_default' }}>
-          {canChangeRole ? (
+          {showStageOption ? (
             <Dropdown.Item css={{ bg: '$surface_default' }} onClick={() => handleStageAction()}>
               <ChangeRoleIcon />
               <Text variant="sm" css={{ ml: '$4', fontWeight: '$semiBold', c: '$on_surface_high' }}>