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 }
Secure your code as it's written. Use Snyk Code to scan source code in minutes – no build needed – and fix issues immediately. Enable Snyk Code
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 <ErrorMessage 40 size={1} 41 align="center" 42 color="white" 43 style={theme.styles.errorPopup} 44 error={runtimeErrorToMessageError(appError.message)} 45 originalErrorMessage={appError.message} 46 /> 47 ); 48 }
44 _renderPopup() { 45 const {hoverInfo} = this.state; 46 if (hoverInfo) { 47 return ( 48 <Popup longitude={hoverInfo.lngLat[0]} latitude={hoverInfo.lngLat[1]} closeButton={false}> 49 <div className="county-info">{hoverInfo.county.COUNTY}</div> 50 </Popup> 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 <Popup 31 trigger={component} 32 content={tooltip} 33 /> 34 ); 35 } else { 36 return component; 37 } 38 }
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 }