35 lines
759 B
TypeScript
35 lines
759 B
TypeScript
import React from 'react';
|
|
|
|
import {Badge} from '../../types/badges';
|
|
import RenderEmoji from '../emoji/emoji';
|
|
import {IMAGE_TYPE_ABSOLUTE_URL, IMAGE_TYPE_EMOJI} from '../../constants';
|
|
|
|
type Props = {
|
|
badge: Badge;
|
|
size: number;
|
|
}
|
|
|
|
const BadgeImage: React.FC<Props> = ({badge, size}: Props) => {
|
|
switch (badge.image_type) {
|
|
case IMAGE_TYPE_EMOJI:
|
|
return (
|
|
<RenderEmoji
|
|
emojiName={badge.image}
|
|
size={size}
|
|
/>
|
|
);
|
|
case IMAGE_TYPE_ABSOLUTE_URL:
|
|
return (
|
|
<img
|
|
src={badge.image}
|
|
width={size}
|
|
height={size}
|
|
/>
|
|
);
|
|
default:
|
|
return null;
|
|
}
|
|
};
|
|
|
|
export default BadgeImage;
|