mirror of
https://github.com/billsonnn/nitro-react.git
synced 2024-10-24 03:33:09 +02:00
25 lines
774 B
TypeScript
25 lines
774 B
TypeScript
|
import { Nitro } from 'nitro-renderer';
|
||
|
import { FC } from 'react';
|
||
|
import { BadgeImageViewProps } from './BadgeImageView.types';
|
||
|
|
||
|
export const BadgeImageView: FC<BadgeImageViewProps> = props =>
|
||
|
{
|
||
|
const { badgeCode = null, isGroup = false } = props;
|
||
|
|
||
|
function getBadgeUrl(): string
|
||
|
{
|
||
|
if(isGroup)
|
||
|
{
|
||
|
return ((Nitro.instance.getConfiguration<string>('badge.asset.group.url')).replace('%badgedata%', badgeCode));
|
||
|
}
|
||
|
else
|
||
|
{
|
||
|
return ((Nitro.instance.getConfiguration<string>('badge.asset.url')).replace('%badgename%', badgeCode));
|
||
|
}
|
||
|
}
|
||
|
|
||
|
const url = `url('${ getBadgeUrl() }')`;
|
||
|
|
||
|
return <div className="badge-image" style={ (url && url.length) ? { backgroundImage: url } : {} }></div>;
|
||
|
}
|