Add Finland and GB flag icons
This commit is contained in:
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user