Merge branch 'fix-744' into 'develop'
CryptoDonate: fall back to generic icon (fixes crash) Closes #744 See merge request soapbox-pub/soapbox-fe!768
This commit is contained in:
commit
ba0ca0e5a1
1 changed files with 9 additions and 1 deletions
|
@ -2,6 +2,14 @@ import React from 'react';
|
||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
import classNames from 'classnames';
|
import classNames from 'classnames';
|
||||||
|
|
||||||
|
const getIcon = ticker => {
|
||||||
|
try {
|
||||||
|
return require(`cryptocurrency-icons/svg/color/${ticker.toLowerCase()}.svg`);
|
||||||
|
} catch {
|
||||||
|
return require('cryptocurrency-icons/svg/color/generic.svg');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
export default class CryptoIcon extends React.PureComponent {
|
export default class CryptoIcon extends React.PureComponent {
|
||||||
|
|
||||||
static propTypes = {
|
static propTypes = {
|
||||||
|
@ -16,7 +24,7 @@ export default class CryptoIcon extends React.PureComponent {
|
||||||
return (
|
return (
|
||||||
<div className={classNames('crypto-icon', className)}>
|
<div className={classNames('crypto-icon', className)}>
|
||||||
<img
|
<img
|
||||||
src={require(`cryptocurrency-icons/svg/color/${ticker.toLowerCase()}.svg`)}
|
src={getIcon(ticker)}
|
||||||
alt={title || ticker}
|
alt={title || ticker}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue