Add CurrencyIcon

src/index.scss

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

src/utils/Styles.scss

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

src/utils/currency-icon/CurrencyIcon.scss

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

src/utils/currency-icon/CurrencyIcon.tsx

@@ -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 } : {} } />
+    );
+}

src/utils/currency-icon/CurrencyIcon.types.ts

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