Skip to main content

RtkDialogManager

A component which handles all dialog elements in a component such as:

  • RtkSettings
  • RtkLeaveMeeting
  • RtkPermissionsMessage
  • RtkImageViewer

This components depends on the values from states object.

function Example() {
  const [states, setStates] = useState({});

  const setState = (s) => setStates((states) => ({ ...states, ...s }));

  return (
    <View>
      <RtkButton onClick={() => setState({ activeSettings: true })}>
        Show Settings
      </RtkButton>
      <RtkButton onClick={() => setState({ activeLeaveConfirmation: true })}>
        Show Leave Confirmation
      </RtkButton>
      <RtkButton onClick={() => setState({ activePermissionsMessage: true })}>
        Show Permissions Troubleshooting UI
      </RtkButton>
      <RtkDialogManager
        meeting={meeting}
        states={states}
        onRtkStateUpdate={(e) => setState(e.detail)}
      />
    </View>
  );
}

Props​

config

UI Config

Default
defaultConfig

iconPack

Icon pack

Default
defaultIconPack

meeting

Meeting object

size

Size

Type
"lg" | "md" | "sm" | "xl"

states

States object

Type
States

t

Language

Default
useLanguage()