mirror of
https://github.com/billsonnn/nitro-react.git
synced 2024-10-24 03:33:09 +02:00
18 lines
576 B
TypeScript
18 lines
576 B
TypeScript
|
import { FC } from 'react';
|
||
|
import { GetConfiguration } from '../../utils/GetConfiguration';
|
||
|
import { CatalogIconViewProps } from './CatalogIconView.types';
|
||
|
|
||
|
export const CatalogIconView: FC<CatalogIconViewProps> = props =>
|
||
|
{
|
||
|
const { icon = 0 } = props;
|
||
|
|
||
|
function getIconUrl(): string
|
||
|
{
|
||
|
return ((GetConfiguration<string>('catalog.asset.icon.url')).replace('%name%', icon.toString()));
|
||
|
}
|
||
|
|
||
|
const url = `url('${ getIconUrl() }')`;
|
||
|
|
||
|
return <div className="catalog-icon-image" style={ (url && url.length) ? { backgroundImage: url } : {} }></div>;
|
||
|
}
|