nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-10-23 03:13:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add CurrencyIcon

Browse Source
This commit is contained in:
Bill 2021-04-15 23:42:00 -04:00
parent bf1f357848
commit 08d0c76b90
5 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/index.scss
View File

@ -27,4 +27,5 @@ $chat-zindex: 20;
$highscore-zindex: 19;
@import './transitions/TransitionStyles.scss';
@import './utils/Styles.scss';
@import './views/Styles.scss';

1
src/utils/Styles.scss Normal file
View File

@ -0,0 +1 @@
@import './currency-icon/CurrencyIcon.scss';

6
src/utils/currency-icon/CurrencyIcon.scss Normal file
View File

@ -0,0 +1,6 @@
.nitro-currency-icon {
background-position: center;
background-repeat: no-repeat;
width: 25px;
height: 25px;
}

15
src/utils/currency-icon/CurrencyIcon.tsx Normal file
View File

@ -0,0 +1,15 @@
import { Nitro } from 'nitro-renderer';
import { CurrencyIconProps } from './CurrencyIcon.types';
export function CurrencyIcon(props: CurrencyIconProps): JSX.Element
{
let url = Nitro.instance.getConfiguration<string>('currency.asset.icon.url', '');
url = url.replace('%type%', props.type.toString());
url = `url(${ url })`;
return (
<div className="nitro-currency-icon" style={ (url && url.length) ? { backgroundImage: url } : {} } />
);
}

4
src/utils/currency-icon/CurrencyIcon.types.ts Normal file
View File

@ -0,0 +1,4 @@
export interface CurrencyIconProps
{
type: number;
}