All files / onlineIndicator index.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
 
 
 
 
1x
2x
 
 
2x
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
 
 
1x
 
 
 
 
 
import React from 'react';
import PropTypes from 'prop-types';
import ReactTooltip from 'react-tooltip';
import './styles.css';
 
const OnlineIndicator = ({ isOnline }) => {
  const indicatorClass = isOnline
    ? 'blabbr-status-indicator online'
    : 'blabbr-status-indicator offline';
  const tooltip = isOnline ? 'Online' : 'Could not connect to server';
  return (
    <div
      data-tip
      data-for="blabbr-indicator-tooltip"
      className={indicatorClass}
    >
      <ReactTooltip
        id="blabbr-indicator-tooltip"
        place="left"
        type="dark"
        effect="solid"
      >
        {tooltip}
      </ReactTooltip>
    </div>
  );
};
 
OnlineIndicator.propTypes = {
  isOnline: PropTypes.bool
};
 
OnlineIndicator.defaultProps = {
  isOnline: false
};
 
export default OnlineIndicator;