From 71aa8d5db0aab3cddbb195664acdaa28b4e283b5 Mon Sep 17 00:00:00 2001
From: MyNameIsBatman <montevechiol@gmail.com>
Date: Tue, 31 Aug 2021 20:22:20 -0300
Subject: [PATCH] Navigator icons

---
 src/assets/images/navigator/icons/info.png    | Bin 0 -> 256 bytes
 .../images/navigator/icons/room_group.png     | Bin 0 -> 191 bytes
 .../images/navigator/icons/room_invisible.png | Bin 0 -> 173 bytes
 .../images/navigator/icons/room_locked.png    | Bin 0 -> 221 bytes
 .../images/navigator/icons/room_password.png  | Bin 0 -> 188 bytes
 src/assets/styles/icons.scss                  |  30 ++++++++++++++++++
 .../NavigatorSearchResultItemView.tsx         |   6 ++--
 7 files changed, 33 insertions(+), 3 deletions(-)
 create mode 100644 src/assets/images/navigator/icons/info.png
 create mode 100644 src/assets/images/navigator/icons/room_group.png
 create mode 100644 src/assets/images/navigator/icons/room_invisible.png
 create mode 100644 src/assets/images/navigator/icons/room_locked.png
 create mode 100644 src/assets/images/navigator/icons/room_password.png

diff --git a/src/assets/images/navigator/icons/info.png b/src/assets/images/navigator/icons/info.png
new file mode 100644
index 0000000000000000000000000000000000000000..b32d14d9e83a5da12570c44f26073045b0c19135
GIT binary patch
literal 256
zcmV+b0ssDqP)<h;3K|Lk000e1NJLTq000sI000sQ1^@s6R?d!B0002TNkl<Zc-oCr
zK@J2V2;<@SPyL7<XLd5O(u&KHkQk8y1ra%j)_y%&>bOdq`Z>$L@^!AudELF>kLDn4
zKqe-3uNm0uY~{Q_ENtJvfDb#j0H}=#a>z`{=mAYuCVk^A?hZT}jx#J>DX{nmN*tJa
zhuuEQEA+@K3kJf#!d-}3k3203eA&WTWEmmAK#nvZFPbCfNqL?Mw05<1AIJd!+fZs?
z)DS41x8MKlSQ<7aSsncdWC2UI0is{dgP5+7s8s$Ir}sA#glM-wukU^U0000<MNUMn
GLSTX$v}l<C

literal 0
HcmV?d00001

diff --git a/src/assets/images/navigator/icons/room_group.png b/src/assets/images/navigator/icons/room_group.png
new file mode 100644
index 0000000000000000000000000000000000000000..b059ba4444f65ac037a3212e54aa7d863ddcb8b1
GIT binary patch
literal 191
zcmeAS@N?(olHy`uVBq!ia0vp@K+Mg-1SGXDOfUmdY$ZW{!3?1c{}~t*&K4gBif|Tq
zL>2>834t)<rMq>1fP(R!E{-7;w~{&jo^R-Rzz{3rJ2ByXG>22L*CHzmhp_fH3@a9G
zZxR(?3FK1wpWCL?5v21<EatcWMyrk>wh)HEBMjl6>z{e1un7IM7nXFK%KWsU?Vx9e
h)q=!=NsSc@4CmFRq~;%T&;we<;OXk;vd$@?2>>tiJCy(c

literal 0
HcmV?d00001

diff --git a/src/assets/images/navigator/icons/room_invisible.png b/src/assets/images/navigator/icons/room_invisible.png
new file mode 100644
index 0000000000000000000000000000000000000000..976fe8b41e044364f798fea9c9a06051ef084964
GIT binary patch
literal 173
zcmeAS@N?(olHy`uVBq!ia0vp@KrFz)1|-ie{%Q%NN<3X0Ln>}1Cmdk;zcFFYga0#)
z)Bh<m3&_uR+rgF+&5`MH&7sHQNQjDXpusE)m&5yluP<+W(bm@X-@uM%ara@<d(~gF
zq&7<A1%Lmddb#7MhM&qrw(1g~$hwIxzF)RwUS8%46gHUM<H=*2JR|p*N&*|hw6)<k
U4`^hb1lrHw>FVdQ&MBb@08jNof&c&j

literal 0
HcmV?d00001

diff --git a/src/assets/images/navigator/icons/room_locked.png b/src/assets/images/navigator/icons/room_locked.png
new file mode 100644
index 0000000000000000000000000000000000000000..f46843c890b3b9be1b7ee732a68437564ef44e3c
GIT binary patch
literal 221
zcmeAS@N?(olHy`uVBq!ia0vp@KrFz)1|-ie{%Q%NI14-?iy0XB4ude`@%$AjK*4@b
z7srr_TfLLIc@HRXxXj&Fyo0THM_aZ9yQnC0c+Qm=j`{6gK6C!O>kgbR#ger)XZjD0
zwgzie2H7PH^ZE+E^S$lZ^f7e)j8|`_6sLU+m548RukwB0m9}~J4xNg7JE8l2!g8?;
zv6XkWOgmb`vGv-Vy-i-4%mUS{nG3!C2ux}b70gY{bFde-`p*~lVC|BBtTj7s==yjm
Rt_3=c!PC{xWt~$(699PlRXhLy

literal 0
HcmV?d00001

diff --git a/src/assets/images/navigator/icons/room_password.png b/src/assets/images/navigator/icons/room_password.png
new file mode 100644
index 0000000000000000000000000000000000000000..9fa392f8e0d8f8b26de41e8c21221679afd32a31
GIT binary patch
literal 188
zcmeAS@N?(olHy`uVBq!ia0vp@KrFz)1|-ie{%Q%Nnmt_{Ln>}9oz%^HK!L;M=1I$#
z!<I3Ntv9xD?_kiC;@H}o<XvP~{_LUngUBz7G6j_;>3%Z~VBCF*YfFRr`&i%Ov)lGC
zvw!omOc&CZDrW5Te>Bxeo@GkVqNr?X+kK8QM<l);&|d%kaH3|bP2Be5!e!RR{~s%@
mWB=f_V8c$Y3GsqvEb6N@{Jxnl*}Dbk90pHUKbLh*2~7Yav_)wE

literal 0
HcmV?d00001

diff --git a/src/assets/styles/icons.scss b/src/assets/styles/icons.scss
index 46ae31e4..fb6146f6 100644
--- a/src/assets/styles/icons.scss
+++ b/src/assets/styles/icons.scss
@@ -591,6 +591,36 @@
         height: 20px;
     }
 
+    &.icon-navigator-info {
+        background: url('../images/navigator/icons/info.png');
+        width: 18px;
+        height: 18px;
+    }
+
+    &.icon-navigator-room-locked {
+        background: url('../images/navigator/icons/room_locked.png');
+        width: 13px;
+        height: 16px;
+    }
+
+    &.icon-navigator-room-password {
+        background: url('../images/navigator/icons/room_password.png');
+        width: 13px;
+        height: 16px;
+    }
+
+    &.icon-navigator-room-invisible {
+        background: url('../images/navigator/icons/room_invisible.png');
+        width: 13px;
+        height: 16px;
+    }
+
+    &.icon-navigator-room-group {
+        background: url('../images/navigator/icons/room_group.png');
+        width: 13px;
+        height: 11px;
+    }
+
     &.spin {
         animation: rotating 1s linear infinite;
     }
diff --git a/src/views/navigator/views/search-result-item/NavigatorSearchResultItemView.tsx b/src/views/navigator/views/search-result-item/NavigatorSearchResultItemView.tsx
index a6602ae5..5a736349 100644
--- a/src/views/navigator/views/search-result-item/NavigatorSearchResultItemView.tsx
+++ b/src/views/navigator/views/search-result-item/NavigatorSearchResultItemView.tsx
@@ -77,10 +77,10 @@ export const NavigatorSearchResultItemView: FC<NavigatorSearchResultItemViewProp
                         </div>
                     </div>
                     <div className="d-flex flex-row-reverse align-items-center">
-                        <i className="fas fa-info-circle text-secondary" onClick={ openInfo }></i>
-                        { roomData.habboGroupId > 0 && <i className="fas fa-users mr-2"></i> }
+                        <i className="icon icon-navigator-info" onClick={ openInfo }></i>
+                        { roomData.habboGroupId > 0 && <i className="icon icon-navigator-room-group me-2"></i> }
                         { roomData.doorMode !== RoomDataParser.OPEN_STATE && 
-                            <i className={ 'me-2 fas ' + classNames( { 'fa-lock': roomData.doorMode === RoomDataParser.DOORBELL_STATE, 'fa-key': roomData.doorMode === RoomDataParser.PASSWORD_STATE })}></i>
+                            <i className={ 'me-2 icon icon-navigator-room-' + classNames( { 'locked': roomData.doorMode === RoomDataParser.DOORBELL_STATE, 'password': roomData.doorMode === RoomDataParser.PASSWORD_STATE, 'invisible': roomData.doorMode === RoomDataParser.INVISIBLE_STATE })}></i>
                         }
                     </div>
                 </div>