Advertisement
Guest User

Untitled

a guest
Feb 25th, 2020
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.17 KB | None | 0 0
  1. const AppHelp = (props) => {
  2. const style = {
  3. // margin: "15px",
  4. position: 'absolute',
  5. bottom: '50px'
  6. }
  7.  
  8. if(props.renderTriggerAsButton)
  9. style.marginLeft = '10px'
  10.  
  11. const renderPopupTrigger = (renderTriggerAsButton) => {
  12. const text = 'Help';
  13.  
  14. let trigger = (
  15. <Menu selectedKeys={[]} focusable='false' className='navigation-item-help'>
  16. <Menu.Item>
  17. <Icon type='help'/><span>{text}</span>
  18. </Menu.Item>
  19. </Menu>
  20. )
  21.  
  22. if(renderTriggerAsButton){
  23. trigger = (
  24. <Button type='secondary'>
  25. <Icon type='help' />
  26. {text}
  27. </Button>
  28. )
  29. }
  30.  
  31. return trigger;
  32. }
  33.  
  34. return (
  35. <div style={style}>
  36. <Popover placement='topRight' trigger='click' title={(props.popupProps||{}).title} overlayStyle={{zIndex: 10000, marginLeft: -15}} content={<AppHelpPopupContent {...props.popupProps}/>}>
  37. {renderPopupTrigger(props.renderTriggerAsButton)}
  38. </Popover>
  39. </div>
  40. )
  41. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement