zoriya/flood
1
0
Fork 0
mirror of https://github.com/zoriya/flood.git synced 2026-06-02 11:06:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Avoid errors when a flag image is missing (#716)

Browse Source 
* Avoid errors when a flag image is missing

* Fix images flagging

* Fix formatting

* Fix try/catch
This commit is contained in:
Stéphane de Wit
2018-09-26 05:27:16 +02:00
committed by John Furrow
parent 23e914ab4d
commit 0cbebb8b63
1 changed files with 24 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/javascript/components/modals/torrent-details-modal/TorrentPeers.js
+24 -14
View File
@@ -16,12 +16,14 @@ export default class TorrentPeers extends React.Component {
};
}
flagImageAsErrored(countryCode) {
let {erroredCountryImages} = this.state;
erroredCountryImages.push(countryCode);
this.setState({erroredCountryImages});
}
getImageErrorHandlerFn(countryCode) {
return () => {
let {erroredCountryImages} = this.state;
erroredCountryImages.push(countryCode);
this.setState({erroredCountryImages});
};
return () => this.flagImageAsErrored(countryCode);
}
render() {
@@ -38,16 +40,24 @@ export default class TorrentPeers extends React.Component {
let image = null;
if (!erroredCountryImages.includes(countryCode)) {
const flagImageSrc = require(`../../../../images/flags/${countryCode.toLowerCase()}.png`);
let flagImageSrc;
try {
flagImageSrc = require(`../../../../images/flags/${countryCode.toLowerCase()}.png`);
} catch (err) {
this.flagImageAsErrored(countryCode);
flagImageSrc = null;
}
image = (
<img
alt={countryCode}
className="peers-list__flag__image"
onError={this.getImageErrorHandlerFn(countryCode)}
src={flagImageSrc}
/>
);
if (flagImageSrc) {
image = (
<img
alt={countryCode}
className="peers-list__flag__image"
onError={this.getImageErrorHandlerFn(countryCode)}
src={flagImageSrc}
/>
);
}
}
peerCountry = (