Add Finland and GB flag icons

This commit is contained in:
Jan Tuomi
2020-02-22 19:46:24 +02:00
parent 43f8b2d218
commit 1411685bbd
+12 -3
View File
@@ -5,7 +5,9 @@ export enum IconType {
Facebook,
Instagram,
LinkedIn,
HamburgerMenu
HamburgerMenu,
FinlandFlag,
GBFlag,
}
export interface IconProps {
@@ -15,7 +17,7 @@ export interface IconProps {
}
export interface IconState { }
const nameToIcon = (name: IconType): JSX.Element => {
const nameToIcon = (name: IconType): JSX.Element | string => {
if (name === IconType.Facebook) {
return (
<svg role="img"
@@ -57,6 +59,13 @@ const nameToIcon = (name: IconType): JSX.Element => {
</svg>
);
}
if (name == IconType.FinlandFlag) {
return "🇫🇮";
}
if (name == IconType.GBFlag) {
return "🇬🇧";
}
return null;
};
class Icon extends React.Component<IconProps, IconState> {
@@ -75,7 +84,7 @@ class Icon extends React.Component<IconProps, IconState> {
);
}
return (
<span onClick={onClick}>
<span className="icon" onClick={onClick}>
{elem}
</span>
);