parent
							
								
									6e7ab64bfb
								
							
						
					
					
						commit
						7f203d6a7b
					
				
					 1 changed files with 38 additions and 11 deletions
				
			
		| 
						 | 
					@ -2,10 +2,35 @@
 | 
				
			||||||
import React from 'react';
 | 
					import React from 'react';
 | 
				
			||||||
import { Sparklines, SparklinesCurve } from 'react-sparklines';
 | 
					import { Sparklines, SparklinesCurve } from 'react-sparklines';
 | 
				
			||||||
import { FormattedMessage } from 'react-intl';
 | 
					import { FormattedMessage } from 'react-intl';
 | 
				
			||||||
 | 
					import PropTypes from 'prop-types';
 | 
				
			||||||
import ImmutablePropTypes from 'react-immutable-proptypes';
 | 
					import ImmutablePropTypes from 'react-immutable-proptypes';
 | 
				
			||||||
import Permalink from './permalink';
 | 
					import Permalink from './permalink';
 | 
				
			||||||
import ShortNumber from 'mastodon/components/short_number';
 | 
					import ShortNumber from 'mastodon/components/short_number';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					class SilentErrorBoundary extends React.Component {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  static propTypes = {
 | 
				
			||||||
 | 
					    children: PropTypes.node,
 | 
				
			||||||
 | 
					  };
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  state = {
 | 
				
			||||||
 | 
					    error: false,
 | 
				
			||||||
 | 
					  };
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  componentDidCatch () {
 | 
				
			||||||
 | 
					    this.setState({ error: true });
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  render () {
 | 
				
			||||||
 | 
					    if (this.state.error) {
 | 
				
			||||||
 | 
					      return null;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    return this.props.children;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/**
 | 
					/**
 | 
				
			||||||
 * Used to render counter of how much people are talking about hashtag
 | 
					 * Used to render counter of how much people are talking about hashtag
 | 
				
			||||||
 *
 | 
					 *
 | 
				
			||||||
| 
						 | 
					@ -51,6 +76,7 @@ const Hashtag = ({ hashtag }) => (
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <div className='trends__item__sparkline'>
 | 
					    <div className='trends__item__sparkline'>
 | 
				
			||||||
 | 
					      <SilentErrorBoundary>
 | 
				
			||||||
        <Sparklines
 | 
					        <Sparklines
 | 
				
			||||||
          width={50}
 | 
					          width={50}
 | 
				
			||||||
          height={28}
 | 
					          height={28}
 | 
				
			||||||
| 
						 | 
					@ -62,6 +88,7 @@ const Hashtag = ({ hashtag }) => (
 | 
				
			||||||
        >
 | 
					        >
 | 
				
			||||||
          <SparklinesCurve style={{ fill: 'none' }} />
 | 
					          <SparklinesCurve style={{ fill: 'none' }} />
 | 
				
			||||||
        </Sparklines>
 | 
					        </Sparklines>
 | 
				
			||||||
 | 
					      </SilentErrorBoundary>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
);
 | 
					);
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in a new issue