Components

QueuesStatsView

<QueuesStatsView {...QueuesStatsView.QueuesStatsViewProps} />

Renders the real-time queues dashboard.

Type Definitions

# fullscreen

This property lets you enable and customize fullscreenability of QueuesStatsView.

Flex.QueuesStatsView.fullscreen = {
  enabled: true
}

Properties:
Name Type Attributes Default Description
enabled boolean <optional>
false adds a button to toggle fullscreen for the component
renderButton function <optional>
null

render prop to add a custom button, e.g.:

fullscreen.renderButton = ({
  isFullscreen,
  toggleFullscreen
}) =>
  <MyCustomButton
    isVisible={!isFullscreen}
    onClick={toggleFullscreen}
  />
wrapperStyles React.CSSProperties <optional>
{} custom styles for the div wrapping the fullscreenable view

# QueuesStatsViewChildrensProps

Props passed to children of QueuesStatsView
Properties:
Name Type Attributes Description
isLoading boolean Is realt-time queues stats data being fetched
hasNoData boolean If true, there are no queues set up
isViewActive boolean <optional>
True/false if part of a ViewCollection, otherwise undefined
route RouteComponentProps <optional>
Route component props if part of a ViewCollection or the route prop passed to QueuesStatsView
theme Theme

# QueuesStatsViewProps

QueuesStatsView Props
Properties:
Name Type Attributes Description
context ContextProvider.FlexContextType <optional>
children React.ReactElement.<ComponentFragment> <optional>
Children must be wrapped in ContentFragment
route RouteComponentProps <optional>
If you are using custom router and want to pass the route props to children