22 |
22 |
23 | );
24 | }
25 | }
26 |
27 | export default connect()(LoginButton);
28 |
--------------------------------------------------------------------------------
/client/src/containers/unbox/poller.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { connect } from 'react-redux';
3 | import { getUnboxStatus } from '../../actions';
4 |
5 | const POLL_INTERVAL_MS = 10000;
6 |
7 | class UnboxPoller extends Component {
8 | componentDidMount() {
9 | this.interval = setInterval(() => {
10 | this.pollUnboxStatus();
11 | }, POLL_INTERVAL_MS);
12 | }
13 |
14 | componentWillUnmount() {
15 | clearInterval(this.interval);
16 | }
17 |
18 | pollUnboxStatus() {
19 | this.props.dispatch(getUnboxStatus(this.props.unbox.tradeId));
20 | }
21 |
22 | render() {
23 | return null;
24 | }
25 | }
26 |
27 | export default connect(state => ({
28 | unbox: state.unbox,
29 | }))(UnboxPoller);
30 |
--------------------------------------------------------------------------------
/client/src/modules/error.js:
--------------------------------------------------------------------------------
1 | const error = (state = { error: false }, action) => {
2 | switch (action.type) {
3 | case 'GET_AVAILABLE_KEYS_ERROR':
4 | return {
5 | error: true,
6 | message:
7 | 'To use vCase.gg, you must first log in to trade.opskins.com with your Steam ID. Then log in to vCase.gg with the same Steam ID',
8 | };
9 | case 'GET_CASES_ERROR':
10 | return {
11 | error: true,
12 | message:
13 | 'We cannot get the list of cases from the server. Please refresh the page and try again.',
14 | };
15 | case 'EXIT':
16 | return { error: false };
17 | default:
18 | return state;
19 | }
20 | };
21 |
22 | export default error;
23 |
--------------------------------------------------------------------------------
/client/src/containers/header/error-listener.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { connect } from 'react-redux';
3 | import { logout } from '../../actions';
4 | import ErrorPopup from './error';
5 |
6 | class ErrorListener extends Component {
7 | goBack(event) {
8 | event.preventDefault();
9 | this.props.dispatch(logout());
10 | }
11 |
12 | render() {
13 | if (this.props.error) {
14 | return (
15 | 18 | {this.props.name} 19 |
20 |21 | {this.props.wearTier ? ( 22 | {this.props.wearTier} 23 | ) : null} 24 | {this.props.category} 25 |
26 |17 | Create your own vCase site using our open source code. Visit 18 | GitHub to get started. 19 |
20 |
23 | {item.name}
37 |{item.category}
38 |57 | Generating your items on the blockchain. Please give us two 58 | minutes 59 |
60 |
62 | {this.props.case.name}
89 |Auto-Pick Any Case
85 |