Every line of 'react alert popup' code snippets is scanned for vulnerabilities by our powerful machine learning engine that combs millions of open source libraries, ensuring your JavaScript code is secure.
9 function showPopup(popup) { 10 if (!popupQueue.length) { 11 popup.show(); 12 } 13 popupQueue.push(popup); 14 }
80 defaultCallback() { 81 return Alert.alert( 82 'Callback!', 83 'Callback complete!', 84 [ 85 { text: 'Ok', onPress: () => this.hidePopup() } 86 ] 87 ) 88 }
15 componentWillReceiveProps(nextProps) { }
231 function Alert(el) { 232 this.el = el; 233 }
66 function Popup(props) { 67 _classCallCheck(this, Popup); 68 69 // Handle resize / scrolls handler 70 71 var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Popup).call(this, props)); 72 73 _this.handleResize = (0, _lodash2.default)(_this.setPlacement.bind(_this), 100); 74 _this.handleScroll = (0, _lodash2.default)(_this.setPlacement.bind(_this, true), 100); 75 76 /** 77 * Array of current tried positions 78 * @type {Array} 79 */ 80 _this.positionsTried = []; 81 82 _this.state = { 83 active: _this.props.active, 84 closing: false, 85 // Need to save position to state, since it could be changed by autoPosition 86 position: props.position, // eslint-disable-line 87 positionStyleTop: '0px', 88 positionStyleLeft: '0px' 89 }; 90 return _this; 91 }
18 export default function ErrorPopup() { 19 const theme = useTheme(); 20 const { appError } = useAppError(); 21 const [shown, setShown] = useState(false); 22 useEffect( 23 () => { 24 if (!appError) return; 25 setShown(true); 26 const timeoutID = setTimeout(() => { 27 setShown(false); 28 }, 10000); 29 return () => { 30 clearTimeout(timeoutID); 31 }; 32 }, 33 [appError], 34 ); 35 36 if (!appError || !shown) return null; 37 38 return ( 39 40 ); 41 }
44 _renderPopup() { 45 const {hoverInfo} = this.state; 46 if (hoverInfo) { 47 return ( 48 49 <div>{hoverInfo.county.COUNTY}</div> 50 51 ); 52 } 53 return null; 54 }
23 function popup( 24 condition: boolean, 25 component: JSX.Element, 26 tooltip: string 27 ) { 28 if (condition) { 29 return ( 30 31 ); 32 } else { 33 return component; 34 } 35 }
304 renderPopup() { 305 // positioning 306 $(this.div).css(this.position); 307 _eventHandler(); 308 }
34 function updatePopup(icon, message, error) { 35 ports.forEach(function (port) { 36 chrome.pageAction.setIcon({ tabId: port.sender.tab.id, path: icon }); 37 }); 38 popupMessage = message; 39 popupError = error; 40 }