10 examples of 'react alert popup' in JavaScript

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
    <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
}