40 lines
658 B
JavaScript
40 lines
658 B
JavaScript
|
import React from 'react';
|
||
|
|
||
|
const data = {
|
||
|
cu: {
|
||
|
name: 'Cuba',
|
||
|
icon: 'flag-cu.png'
|
||
|
},
|
||
|
fr: {
|
||
|
name: 'France',
|
||
|
icon: 'flag-fr.png'
|
||
|
},
|
||
|
jp: {
|
||
|
name: 'Japan',
|
||
|
icon: 'flag-jp.png'
|
||
|
},
|
||
|
nl: {
|
||
|
name: 'Netherlands',
|
||
|
icon: 'flag-nl.png'
|
||
|
},
|
||
|
uz: {
|
||
|
name: 'Uzbekistan',
|
||
|
icon: 'flag-uz.png'
|
||
|
}
|
||
|
};
|
||
|
|
||
|
class Flag extends React.Component {
|
||
|
render() {
|
||
|
const name = data[this.props.code].name;
|
||
|
const icon = data[this.props.code].icon;
|
||
|
|
||
|
return (
|
||
|
<span className="flag">
|
||
|
<img className="icon" title={name} src={`/img/${icon}`} />
|
||
|
{this.props.showName && <span className="name">{name}</span>}
|
||
|
</span>
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
export default Flag;
|