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; |