nitro-react/src/views/catalog-icon/CatalogIconView.tsx
2021-05-05 03:14:54 -04:00

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>;
}