Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- const AppHelp = (props) => {
- const style = {
- // margin: "15px",
- position: 'absolute',
- bottom: '50px'
- }
- if(props.renderTriggerAsButton)
- style.marginLeft = '10px'
- const renderPopupTrigger = (renderTriggerAsButton) => {
- const text = 'Help';
- let trigger = (
- <Menu selectedKeys={[]} focusable='false' className='navigation-item-help'>
- <Menu.Item>
- <Icon type='help'/><span>{text}</span>
- </Menu.Item>
- </Menu>
- )
- if(renderTriggerAsButton){
- trigger = (
- <Button type='secondary'>
- <Icon type='help' />
- {text}
- </Button>
- )
- }
- return trigger;
- }
- return (
- <div style={style}>
- <Popover placement='topRight' trigger='click' title={(props.popupProps||{}).title} overlayStyle={{zIndex: 10000, marginLeft: -15}} content={<AppHelpPopupContent {...props.popupProps}/>}>
- {renderPopupTrigger(props.renderTriggerAsButton)}
- </Popover>
- </div>
- )
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement