From 3f69ea167d297224cfb04f0a5d1ba9747f72f130 Mon Sep 17 00:00:00 2001
From: Layne <laynebalsters@gmail.com>
Date: Thu, 17 Mar 2022 16:02:43 -0400
Subject: [PATCH] mod tools icons

---
 src/assets/images/icons/tickets.png       | Bin 0 -> 143 bytes
 src/assets/images/icons/user.png          | Bin 0 -> 881 bytes
 src/assets/styles/icons.scss              |  11 +++++++++++
 src/components/mod-tools/ModToolsView.tsx |  19 +++++++++----------
 4 files changed, 20 insertions(+), 10 deletions(-)
 create mode 100644 src/assets/images/icons/tickets.png
 create mode 100644 src/assets/images/icons/user.png

diff --git a/src/assets/images/icons/tickets.png b/src/assets/images/icons/tickets.png
new file mode 100644
index 0000000000000000000000000000000000000000..81f48834bae6b4204522e02b9c497af3c4bfe704
GIT binary patch
literal 143
zcmV;A0C4|DNk%w1VG#fk0HOc@|NsBp-QB9Hs)&e){{a8u02)9*KmY&$A^8Le2mk~C
zEC2ui01*HY000A2NNU{9Dw+@kz0|BWy6@Qn0K#aFgCJ;xF_vd+8ftBqMP2|?g<XJM
xkVmon0>dHgW=rl|B-u##d`X==W>fbp9+6a{?}&YvgF2qsfzAOUaJVc106XSNH{t*Q

literal 0
HcmV?d00001

diff --git a/src/assets/images/icons/user.png b/src/assets/images/icons/user.png
new file mode 100644
index 0000000000000000000000000000000000000000..c4155a2c232767fef9552f29f6cf1e20922db787
GIT binary patch
literal 881
zcmV-%1CIQOP)<h;3K|Lk000e1NJLTq000sI000vR1^@s6oswPh00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!T<mc!T}X1N`L?W0|rS%K~y+Tl~iqS
z3{e<8Gqcl~Z6*GK#B0(-qe<f}jYJR>iTL0%yHZsWLHH5nLnA?TH~0gBBGD2Ol@@Ea
zt<ZM8h4_XLnw|H#&NCgWNhLVR&3$I(x#v0eJok=PEEe&<=sb{9ef>o(eN3RI^FO0A
zpHnKHjq~}unvH-=I@j^5S{E0@^|asEyrB)A=b@W<+MMt6h`?%Hxtv<xwh~!Whm^N0
z3p2GEG8qkxdW<Lz(7w6__eaLlML^vnQJ`3%eN8KLCYp#?MUg0i(lyQswrwNu97IZk
z)wB>_zSl7P>;?LZMNOb|Caqc342zCg1{YW+;vj-aMXu{Y@tv8m5cvV@tevP6GAB|P
zt-Qho66u9PK@<CR*#Z}62;n<5*bPSFMPri<jb<7ALT%iG4&M(!0T7SYt!+h)RwP~P
zBV%c75^fZc(U4bgd@rf)I1aMeEc`GajgC*>zTxTkI}AUaW-cYLh!~v^9Ux;%YcoO`
zEs_<<Bo;+hLl#cWLl`P}ZVeM-?=W<|ANOuuM!8%~JQI?HNX#l#ULc@+6|;(FkWisU
zPrM*R%<W_sG-6`n10LPz#lq+-n%vLm>p6k)*cAL<L;?vihDnYLLi!bO|1M?ya00|s
zc=tgCLjy(V-Va#H#rro^ynZz;u7RCrsT6Yf;y8vQUD8a9l$d1Lhz$d-C;kAF)t9(E
zID}Adz`>Ijv2Ewx<h|gxBJoWgN%HXV1iBCHN2xN&ZUW^>6@vqpaP;^YY~9|$?ja>e
z?+Q^TI$tPiPs-2X%{CItmMntBdAu@}keHFnLz*^&K3?qUgso<HEM`$B5(vL$G$a)>
zlqk<htU_Lm5O=Qj@VkYMJ*Su)a`^MNCJ@s`pOun$`O?L(IVXozi(teKOcMH3bM0mU
zi&nIt`u5|WiR3)VEJwZOa*@Owk(Nn@bZ^V<BiOhj4_9wQ?$~LZWAS9o-+pY}Bp)2O
z0z2mImyWO*ZmeU|u6;P0k_i6k4|$kmVydi?A>Q@QApwA&%1L-mE|>i=00000NkvXX
Hu0mjfjA@BU

literal 0
HcmV?d00001

diff --git a/src/assets/styles/icons.scss b/src/assets/styles/icons.scss
index 2ab192a7..11d20360 100644
--- a/src/assets/styles/icons.scss
+++ b/src/assets/styles/icons.scss
@@ -580,6 +580,17 @@
         height: 45px;
     }
 
+    &.icon-tickets {
+        background-image: url('../images/icons/tickets.png');
+        width: 17px;
+        height: 17px;
+    }
+    &.icon-user {
+        background-image: url('../images/icons/user.png');
+        width: 18px;
+        height: 19px;
+    }
+
     &.spin {
         animation: rotating 1s linear infinite;
     }
diff --git a/src/components/mod-tools/ModToolsView.tsx b/src/components/mod-tools/ModToolsView.tsx
index 36ffea99..f88f4ed1 100644
--- a/src/components/mod-tools/ModToolsView.tsx
+++ b/src/components/mod-tools/ModToolsView.tsx
@@ -1,8 +1,7 @@
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { RoomEngineObjectEvent, RoomObjectCategory } from '@nitrots/nitro-renderer';
 import { FC, useCallback, useReducer, useState } from 'react';
 import { GetRoomSession } from '../../api';
-import { Button, DraggableWindowPosition, NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../common';
+import { Base, Button, DraggableWindowPosition, NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../common';
 import { ModToolsEvent, ModToolsOpenRoomChatlogEvent, ModToolsOpenRoomInfoEvent, ModToolsOpenUserInfoEvent } from '../../events';
 import { DispatchUiEvent, UseRoomEngineEvent, UseUiEvent } from '../../hooks';
 import { ISelectedUser } from './common/ISelectedUser';
@@ -188,17 +187,17 @@ export const ModToolsView: FC<{}> = props =>
                 <NitroCardView uniqueKey="mod-tools" className="nitro-mod-tools" windowPosition={ DraggableWindowPosition.TOP_LEFT } theme="primary-slim" >
                     <NitroCardHeaderView headerText={ 'Mod Tools' } onCloseClick={ event => setIsVisible(false) } />
                     <NitroCardContentView className="text-black" gap={ 1 }>
-                        <Button gap={ 1 } onClick={ event => handleClick('toggle_room') } disabled={ !currentRoomId }>
-                            <FontAwesomeIcon icon="home" /> Room Tool
+                        <Button gap={ 1 } onClick={ event => handleClick('toggle_room') } disabled={ !currentRoomId } className="position-relative">
+                            <Base className="icon icon-small-room position-absolute start-1"/> Room Tool
                         </Button>
-                        <Button gap={ 1 } onClick={ event => handleClick('toggle_room_chatlog') } disabled={ !currentRoomId }>
-                            <FontAwesomeIcon icon="comments" /> Chatlog Tool
+                        <Button gap={ 1 } onClick={ event => handleClick('toggle_room_chatlog') } disabled={ !currentRoomId } className="position-relative">
+                        <Base className="icon icon-chat-history position-absolute start-1"/> Chatlog Tool
                         </Button>
-                        <Button gap={ 1 } onClick={ () => handleClick('toggle_user_info') } disabled={ !selectedUser }>
-                            <FontAwesomeIcon icon="user" /> User: { selectedUser ? selectedUser.username : '' }
+                        <Button gap={ 1 } onClick={ () => handleClick('toggle_user_info') } disabled={ !selectedUser } className="position-relative">
+                        <Base className="icon icon-user position-absolute start-1"/> User: { selectedUser ? selectedUser.username : '' }
                         </Button>
-                        <Button gap={ 1 } onClick={ () => setIsTicketsVisible(value => !value) }>
-                            <FontAwesomeIcon icon="exclamation-circle" /> Report Tool
+                        <Button gap={ 1 } onClick={ () => setIsTicketsVisible(value => !value) } className="position-relative">
+                        <Base className="icon icon-tickets position-absolute start-1"/> Report Tool
                         </Button>
                     </NitroCardContentView>
                 </NitroCardView> }