From 91673959b99bf29f96b78ba4b1bdb3db8c6813e6 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Sun, 3 Apr 2022 20:49:18 -0400
Subject: [PATCH] Updates

---
 src/App.tsx                                   |  2 +-
 src/api/friends/OpenMessengerChat.ts          |  2 +-
 src/api/groups/GetGroupManager.ts             |  2 +-
 src/api/inventory/FurnitureItem.ts            | 44 ++++++-------
 src/api/inventory/GroupItem.ts                |  8 +--
 .../NavigatorSearchResultViewDisplayMode.ts   |  6 +-
 src/api/navigator/RoomSettingsData.ts         | 56 ++++++++--------
 src/api/nitro/room/DispatchMouseEvent.ts      |  4 +-
 src/api/nitro/room/DispatchTouchEvent.ts      |  4 +-
 .../RoomWidgetUpdateDimmerStateEvent.ts       | 10 +--
 .../events/RoomWidgetUpdateRoomObjectEvent.ts |  6 +-
 .../handlers/FurniturePresentWidgetHandler.ts |  8 +--
 .../handlers/FurnitureTrophyWidgetHandler.ts  |  2 +-
 .../messages/RoomWidgetFurniActionMessage.ts  |  6 +-
 .../RoomWidgetFurniToWidgetMessage.ts         |  6 +-
 .../messages/RoomWidgetRoomObjectMessage.ts   |  4 +-
 src/api/nitro/session/IsOwnerOfFurniture.ts   |  2 +-
 src/api/utils/ColorUtils.ts                   |  2 +-
 src/api/wired/WiredSelectionFilter.ts         |  6 +-
 .../draggable-window/DraggableWindow.tsx      |  4 +-
 .../layout/LayoutNotificationAlertView.tsx    |  2 +-
 src/common/layout/LayoutProgressBar.tsx       |  2 +-
 src/common/layout/UserProfileIconView.tsx     |  2 +-
 .../common/AvatarEditorGridPartItem.ts        | 12 ++--
 .../avatar-editor/common/CategoryBaseModel.ts |  2 +-
 .../avatar-editor/common/FigureData.ts        |  4 +-
 .../views/model/AvatarEditorModelView.tsx     |  2 +-
 .../wardrobe/AvatarEditorWardrobeView.tsx     |  4 +-
 src/components/campaign/CalendarItemView.tsx  |  2 +-
 src/components/campaign/CampaignView.tsx      |  2 +-
 .../catalog/CatalogMessageHandler.tsx         |  2 +-
 .../catalog/common/FurniCategory.ts           | 46 ++++++-------
 .../catalog/views/gift/CatalogGiftView.tsx    |  4 +-
 .../page/layout/CatalogLayoutVipBuyView.tsx   | 20 +++---
 .../CatalogLayoutMarketplaceItemView.tsx      |  2 +-
 ...atalogLayoutMarketplacePublicItemsView.tsx |  2 +-
 .../page/layout/vip-gifts/VipGiftItemView.tsx |  2 +-
 .../page/widgets/CatalogSpinnerWidgetView.tsx |  2 +-
 .../chat-history/ChatHistoryView.tsx          |  2 +-
 .../chat-history/common/Utilities.ts          |  2 +-
 .../floorplan-editor/FloorplanEditorView.tsx  |  2 +-
 .../floorplan-editor/common/Constants.ts      |  2 +-
 .../floorplan-editor/common/Utils.ts          |  2 +-
 .../views/FloorplanImportExportView.tsx       |  2 +-
 .../views/FloorplanOptionsView.tsx            |  4 +-
 .../views/friends-bar/FriendBarItemView.tsx   | 16 ++---
 .../friends-list/FriendsListSearchView.tsx    |  4 +-
 .../views/friends-list/FriendsListView.tsx    |  4 +-
 .../FriendsMessengerThreadGroup.tsx           |  2 +-
 .../groups/views/GroupBadgeCreatorView.tsx    | 20 +++---
 .../groups/views/GroupCreatorView.tsx         |  2 +-
 .../groups/views/GroupInformationView.tsx     |  2 +-
 .../groups/views/GroupManagerView.tsx         |  4 +-
 .../groups/views/GroupMembersView.tsx         | 20 +++---
 .../groups/views/tabs/GroupTabColorsView.tsx  |  8 +--
 .../tabs/GroupTabCreatorConfirmationView.tsx  |  4 +-
 .../guide-tool/views/GuideToolOngoingView.tsx |  8 +--
 src/components/hc-center/HcCenterView.tsx     | 26 ++++----
 .../help/views/SanctionStatusView.tsx         |  6 +-
 .../help/views/SelectReportedUserView.tsx     |  2 +-
 .../views/name-change/NameChangeInputView.tsx |  4 +-
 .../help/views/name-change/NameChangeView.tsx |  2 +-
 src/components/hotel-view/HotelView.tsx       | 44 ++++++-------
 .../views/widgets/GetWidgetLayout.tsx         |  4 +-
 .../views/widgets/WidgetSlotView.tsx          |  4 +-
 .../bonus-rare/BonusRareWidgetView.tsx        |  2 +-
 .../promo-article/PromoArticleWidgetView.tsx  | 65 ++++++++-----------
 .../widget-container/WidgetContainerView.tsx  | 10 +--
 src/components/inventory/InventoryView.tsx    |  2 +-
 .../views/furniture/InventoryTradeView.tsx    | 12 ++--
 src/components/mod-tools/ModToolsView.tsx     |  4 +-
 .../mod-tools/views/chatlog/ChatlogView.tsx   |  2 +-
 .../views/room/ModToolsChatlogView.tsx        |  2 +-
 .../mod-tools/views/room/ModToolsRoomView.tsx |  2 +-
 .../views/tickets/CfhChatlogView.tsx          |  4 +-
 .../views/tickets/ModToolsIssueInfoView.tsx   |  4 +-
 .../views/tickets/ModToolsTicketsView.tsx     |  6 +-
 .../views/user/ModToolsUserChatlogView.tsx    |  4 +-
 .../views/user/ModToolsUserModActionView.tsx  | 10 +--
 .../views/user/ModToolsUserRoomVisitsView.tsx |  4 +-
 .../user/ModToolsUserSendMessageView.tsx      |  4 +-
 .../mod-tools/views/user/ModToolsUserView.tsx |  4 +-
 .../navigator/NavigatorMessageHandler.tsx     |  2 +-
 .../views/NavigatorRoomCreatorView.tsx        |  2 +-
 .../NavigatorRoomSettingsView.tsx             |  4 +-
 .../NavigatorRoomSettingsVipChatTabView.tsx   |  2 +-
 .../NavigatorSearchResultItemInfoView.tsx     | 22 +++----
 .../search/NavigatorSearchResultItemView.tsx  |  8 +--
 .../search/NavigatorSearchResultView.tsx      |  4 +-
 .../views/search/NavigatorSearchView.tsx      |  2 +-
 src/components/nitropedia/NitropediaView.tsx  |  6 +-
 .../views/alert-layouts/GetAlertLayout.tsx    |  4 +-
 .../NotificationDefaultAlertView.tsx          | 16 ++---
 .../NotificationSearchAlertView.tsx           |  4 +-
 .../NotificationDefaultConfirmView.tsx        |  4 +-
 src/components/room/RoomView.tsx              | 16 ++---
 .../room/widgets/RoomWidgetsView.tsx          |  4 +-
 .../AvatarInfoRentableBotChatView.tsx         |  2 +-
 .../AvatarInfoWidgetAvatarView.tsx            | 10 +--
 .../avatar-info/AvatarInfoWidgetNameView.tsx  |  2 +-
 .../AvatarInfoWidgetOwnPetView.tsx            |  4 +-
 .../avatar-info/AvatarInfoWidgetView.tsx      |  8 +--
 .../avatar-info/common/BotSkillsEnum.ts       | 26 ++++----
 .../widgets/chat/ChatWidgetMessageView.tsx    |  2 +-
 .../widgets/choosers/ChooserWidgetView.tsx    |  2 +-
 .../furniture/dimmer/FurnitureDimmerView.tsx  |  6 +-
 .../stickie/FurnitureStickieView.tsx          |  8 +--
 .../furniture/trophy/FurnitureTrophyView.tsx  |  8 +--
 .../FurnitureYoutubeDisplayView.tsx           | 12 ++--
 .../infostand/InfoStandWidgetFurniView.tsx    |  4 +-
 .../infostand/InfoStandWidgetPetView.tsx      |  6 +-
 .../InfoStandWidgetUserRelationshipsView.tsx  |  2 +-
 .../widgets/infostand/InfoStandWidgetView.tsx |  2 +-
 .../widgets/word-quiz/WordQuizWidgetView.tsx  |  4 +-
 src/components/toolbar/ToolbarMeView.tsx      |  2 +-
 src/components/toolbar/ToolbarView.tsx        |  4 +-
 .../toolbar/common/ToolbarViewItems.ts        | 22 +++----
 .../user-profile/UserProfileView.tsx          |  2 +-
 .../views/FriendsContainerView.tsx            |  2 +-
 .../views/GroupsContainerView.tsx             |  2 +-
 .../user-profile/views/UserContainerView.tsx  |  2 +-
 .../user-settings/UserSettingsView.tsx        |  2 +-
 src/components/wired/WiredView.tsx            |  2 +-
 .../actions/WiredActionGiveRewardView.tsx     | 12 ++--
 src/workers/WorkerBuilder.ts                  |  2 +-
 125 files changed, 447 insertions(+), 456 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index c818be31..63b77e0c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -140,7 +140,7 @@ export const App: FC<{}> = props =>
     return (
         <Base fit overflow="hidden">
             { (!isReady || isError) &&
-                <LoadingView isError={isError} message={message} percent={ percent } /> }
+                <LoadingView isError={ isError } message={ message } percent={ percent } /> }
             <TransitionAnimation type={ TransitionAnimationTypes.FADE_IN } inProp={ (isReady) }>
                 <MainView />
             </TransitionAnimation>
diff --git a/src/api/friends/OpenMessengerChat.ts b/src/api/friends/OpenMessengerChat.ts
index 10add8c3..7573bafb 100644
--- a/src/api/friends/OpenMessengerChat.ts
+++ b/src/api/friends/OpenMessengerChat.ts
@@ -3,5 +3,5 @@ import { CreateLinkEvent } from '..';
 export function OpenMessengerChat(friendId: number = 0): void
 {
     if(friendId === 0) CreateLinkEvent('friends-messenger/open');
-    else CreateLinkEvent(`friends-messenger/${friendId}`);
+    else CreateLinkEvent(`friends-messenger/${ friendId }`);
 }
diff --git a/src/api/groups/GetGroupManager.ts b/src/api/groups/GetGroupManager.ts
index bd5a6c70..d372ace2 100644
--- a/src/api/groups/GetGroupManager.ts
+++ b/src/api/groups/GetGroupManager.ts
@@ -2,5 +2,5 @@ import { CreateLinkEvent } from '..';
 
 export function GetGroupManager(groupId: number): void
 {
-    CreateLinkEvent(`groups/manage/${groupId}`);
+    CreateLinkEvent(`groups/manage/${ groupId }`);
 }
diff --git a/src/api/inventory/FurnitureItem.ts b/src/api/inventory/FurnitureItem.ts
index 009591a3..4d84cab9 100644
--- a/src/api/inventory/FurnitureItem.ts
+++ b/src/api/inventory/FurnitureItem.ts
@@ -31,28 +31,28 @@ export class FurnitureItem implements IFurnitureItem
     {
         if(!parser) return;
         
-        this._locked                = false;
-        this._id                    = parser.itemId;
-        this._type                  = parser.spriteId;
-        this._ref                   = parser.ref;
-        this._category              = parser.category;
-        this._groupable             = ((parser.isGroupable) && (!(parser.rentable)));
-        this._tradeable             = parser.tradable;
-        this._recyclable            = parser.isRecycleable;
-        this._sellable              = parser.sellable;
-        this._stuffData             = parser.stuffData;
-        this._extra                 = parser.extra;
-        this._secondsToExpiration   = parser.secondsToExpiration;
-        this._expirationTimeStamp   = parser.expirationTimeStamp;
-        this._hasRentPeriodStarted  = parser.hasRentPeriodStarted;
-        this._creationDay           = parser.creationDay;
-        this._creationMonth         = parser.creationMonth;
-        this._creationYear          = parser.creationYear;
-        this._slotId                = parser.slotId;
-        this._songId                = parser.songId;
-        this._flatId                = parser.flatId;
-        this._isRented              = parser.rentable;
-        this._isWallItem            = parser.isWallItem;
+        this._locked = false;
+        this._id = parser.itemId;
+        this._type = parser.spriteId;
+        this._ref = parser.ref;
+        this._category = parser.category;
+        this._groupable = ((parser.isGroupable) && (!(parser.rentable)));
+        this._tradeable = parser.tradable;
+        this._recyclable = parser.isRecycleable;
+        this._sellable = parser.sellable;
+        this._stuffData = parser.stuffData;
+        this._extra = parser.extra;
+        this._secondsToExpiration = parser.secondsToExpiration;
+        this._expirationTimeStamp = parser.expirationTimeStamp;
+        this._hasRentPeriodStarted = parser.hasRentPeriodStarted;
+        this._creationDay = parser.creationDay;
+        this._creationMonth = parser.creationMonth;
+        this._creationYear = parser.creationYear;
+        this._slotId = parser.slotId;
+        this._songId = parser.songId;
+        this._flatId = parser.flatId;
+        this._isRented = parser.rentable;
+        this._isWallItem = parser.isWallItem;
     }
 
     public get rentable(): boolean
diff --git a/src/api/inventory/GroupItem.ts b/src/api/inventory/GroupItem.ts
index 9a16c36d..96477f92 100644
--- a/src/api/inventory/GroupItem.ts
+++ b/src/api/inventory/GroupItem.ts
@@ -95,8 +95,8 @@ export class GroupItem
 
         if(!furnitureItem) return items;
 
-        let found   = 0;
-        let i       = 0;
+        let found = 0;
+        let i = 0;
 
         while(i < this._items.length)
         {
@@ -201,8 +201,8 @@ export class GroupItem
     {
         if(this._category === FurniCategory.POST_IT)
         {
-            let count   = 0;
-            let index   = 0;
+            let count = 0;
+            let index = 0;
 
             while(index < this._items.length)
             {
diff --git a/src/api/navigator/NavigatorSearchResultViewDisplayMode.ts b/src/api/navigator/NavigatorSearchResultViewDisplayMode.ts
index 27069cfd..b532d1af 100644
--- a/src/api/navigator/NavigatorSearchResultViewDisplayMode.ts
+++ b/src/api/navigator/NavigatorSearchResultViewDisplayMode.ts
@@ -1,6 +1,6 @@
 export class NavigatorSearchResultViewDisplayMode
 {
-    public static readonly LIST: number                 = 0;
-    public static readonly THUMBNAILS: number           = 1;
-    public static readonly FORCED_THUMBNAILS: number    = 2;
+    public static readonly LIST: number = 0;
+    public static readonly THUMBNAILS: number = 1;
+    public static readonly FORCED_THUMBNAILS: number = 2;
 }
diff --git a/src/api/navigator/RoomSettingsData.ts b/src/api/navigator/RoomSettingsData.ts
index cc6f7996..84cce5ae 100644
--- a/src/api/navigator/RoomSettingsData.ts
+++ b/src/api/navigator/RoomSettingsData.ts
@@ -40,37 +40,37 @@ export class RoomSettingsData
     {
         if(!parser) throw new Error('invalid_parser');
 
-        this.roomId                 = parser.roomId;
-        this.roomName               = parser.name;
-        this.roomOriginalName       = parser.name;
-        this.roomDescription        = parser.description;
-        this.categoryId             = parser.categoryId;
-        this.userCount              = parser.userCount;
-        this.tags                   = parser.tags;
-        this.tradeState             = parser.tradeMode;
-        this.allowWalkthrough       = parser.allowWalkthrough;
+        this.roomId = parser.roomId;
+        this.roomName = parser.name;
+        this.roomOriginalName = parser.name;
+        this.roomDescription = parser.description;
+        this.categoryId = parser.categoryId;
+        this.userCount = parser.userCount;
+        this.tags = parser.tags;
+        this.tradeState = parser.tradeMode;
+        this.allowWalkthrough = parser.allowWalkthrough;
 
-        this.lockState              = parser.state;
-        this.originalLockState      = parser.state;
-        this.password               = null;
-        this.confirmPassword        = null;
-        this.allowPets              = parser.allowPets;
-        this.allowPetsEat           = parser.allowPetsEat;
+        this.lockState = parser.state;
+        this.originalLockState = parser.state;
+        this.password = null;
+        this.confirmPassword = null;
+        this.allowPets = parser.allowPets;
+        this.allowPetsEat = parser.allowPetsEat;
 
-        this.usersWithRights        = new Map<number, string>();
+        this.usersWithRights = new Map<number, string>();
 
-        this.hideWalls              = parser.hideWalls;
-        this.wallThickness          = parser.thicknessWall;
-        this.floorThickness         = parser.thicknessFloor;
-        this.chatBubbleMode         = parser.chatSettings.mode;
-        this.chatBubbleWeight       = parser.chatSettings.weight;
-        this.chatBubbleSpeed        = parser.chatSettings.speed;
-        this.chatFloodProtection    = parser.chatSettings.protection;
-        this.chatDistance           = parser.chatSettings.distance;
+        this.hideWalls = parser.hideWalls;
+        this.wallThickness = parser.thicknessWall;
+        this.floorThickness = parser.thicknessFloor;
+        this.chatBubbleMode = parser.chatSettings.mode;
+        this.chatBubbleWeight = parser.chatSettings.weight;
+        this.chatBubbleSpeed = parser.chatSettings.speed;
+        this.chatFloodProtection = parser.chatSettings.protection;
+        this.chatDistance = parser.chatSettings.distance;
 
-        this.muteState              = parser.moderationSettings.allowMute;
-        this.kickState              = parser.moderationSettings.allowKick;
-        this.banState               = parser.moderationSettings.allowBan;
-        this.bannedUsers            = [];
+        this.muteState = parser.moderationSettings.allowMute;
+        this.kickState = parser.moderationSettings.allowKick;
+        this.banState = parser.moderationSettings.allowBan;
+        this.bannedUsers = [];
     }
 }
diff --git a/src/api/nitro/room/DispatchMouseEvent.ts b/src/api/nitro/room/DispatchMouseEvent.ts
index 6d18f2e8..56efd5c0 100644
--- a/src/api/nitro/room/DispatchMouseEvent.ts
+++ b/src/api/nitro/room/DispatchMouseEvent.ts
@@ -28,8 +28,8 @@ export function DispatchMouseEvent(roomId: number, canvasId: number, event: Mous
         {
             if(!didMouseMove) eventType = MouseEventType.DOUBLE_CLICK;
 
-            clickCount  = 0;
-            lastClick   = null;
+            clickCount = 0;
+            lastClick = null;
         }
     }
 
diff --git a/src/api/nitro/room/DispatchTouchEvent.ts b/src/api/nitro/room/DispatchTouchEvent.ts
index 7053318e..a04d515c 100644
--- a/src/api/nitro/room/DispatchTouchEvent.ts
+++ b/src/api/nitro/room/DispatchTouchEvent.ts
@@ -29,8 +29,8 @@ export function DispatchTouchEvent(roomId: number, canvasId: number, event: Touc
         {
             eventType = MouseEventType.DOUBLE_CLICK;
 
-            clickCount    = 0;
-            lastClick     = null;
+            clickCount = 0;
+            lastClick = null;
         }
     }
 
diff --git a/src/api/nitro/room/widgets/events/RoomWidgetUpdateDimmerStateEvent.ts b/src/api/nitro/room/widgets/events/RoomWidgetUpdateDimmerStateEvent.ts
index 27e9fd13..80dea562 100644
--- a/src/api/nitro/room/widgets/events/RoomWidgetUpdateDimmerStateEvent.ts
+++ b/src/api/nitro/room/widgets/events/RoomWidgetUpdateDimmerStateEvent.ts
@@ -14,11 +14,11 @@ export class RoomWidgetUpdateDimmerStateEvent extends RoomWidgetUpdateEvent
     {
         super(RoomWidgetUpdateDimmerStateEvent.DIMMER_STATE);
 
-        this._state         = state;
-        this._presetId      = presetId;
-        this._effectId      = effectId;
-        this._color         = color;
-        this._brightness    = brightness;
+        this._state = state;
+        this._presetId = presetId;
+        this._effectId = effectId;
+        this._color = color;
+        this._brightness = brightness;
     }
 
     public get state(): number
diff --git a/src/api/nitro/room/widgets/events/RoomWidgetUpdateRoomObjectEvent.ts b/src/api/nitro/room/widgets/events/RoomWidgetUpdateRoomObjectEvent.ts
index 6ec8bf86..aa9b7258 100644
--- a/src/api/nitro/room/widgets/events/RoomWidgetUpdateRoomObjectEvent.ts
+++ b/src/api/nitro/room/widgets/events/RoomWidgetUpdateRoomObjectEvent.ts
@@ -20,9 +20,9 @@ export class RoomWidgetUpdateRoomObjectEvent extends RoomWidgetUpdateEvent
     {
         super(type);
 
-        this._id        = id;
-        this._category  = category;
-        this._roomId    = roomId;
+        this._id = id;
+        this._category = category;
+        this._roomId = roomId;
     }
 
     public get id(): number
diff --git a/src/api/nitro/room/widgets/handlers/FurniturePresentWidgetHandler.ts b/src/api/nitro/room/widgets/handlers/FurniturePresentWidgetHandler.ts
index 42405054..6de7aa2f 100644
--- a/src/api/nitro/room/widgets/handlers/FurniturePresentWidgetHandler.ts
+++ b/src/api/nitro/room/widgets/handlers/FurniturePresentWidgetHandler.ts
@@ -9,10 +9,10 @@ import { RoomWidgetHandler } from './RoomWidgetHandler';
 
 export class FurniturePresentWidgetHandler extends RoomWidgetHandler implements IGetImageListener
 {
-    private static FLOOR: string       = 'floor';
-    private static WALLPAPER: string   = 'wallpaper';
-    private static LANDSCAPE: string   = 'landscape';
-    private static POSTER: string      = 'poster';
+    private static FLOOR: string = 'floor';
+    private static WALLPAPER: string = 'wallpaper';
+    private static LANDSCAPE: string = 'landscape';
+    private static POSTER: string = 'poster';
 
     private _lastFurniId: number = -1;
     private _name: string = null;
diff --git a/src/api/nitro/room/widgets/handlers/FurnitureTrophyWidgetHandler.ts b/src/api/nitro/room/widgets/handlers/FurnitureTrophyWidgetHandler.ts
index 9b345109..8554977a 100644
--- a/src/api/nitro/room/widgets/handlers/FurnitureTrophyWidgetHandler.ts
+++ b/src/api/nitro/room/widgets/handlers/FurnitureTrophyWidgetHandler.ts
@@ -24,7 +24,7 @@ export class FurnitureTrophyWidgetHandler extends RoomWidgetHandler
                 const color = roomObject.model.getValue<number>(RoomObjectVariable.FURNITURE_COLOR);
                 const extra = parseInt(roomObject.model.getValue<string>(RoomObjectVariable.FURNITURE_EXTRAS));
 
-                let data  = roomObject.model.getValue<string>(RoomObjectVariable.FURNITURE_DATA);
+                let data = roomObject.model.getValue<string>(RoomObjectVariable.FURNITURE_DATA);
 
                 const ownerName = data.substring(0, data.indexOf('\t'));
 
diff --git a/src/api/nitro/room/widgets/messages/RoomWidgetFurniActionMessage.ts b/src/api/nitro/room/widgets/messages/RoomWidgetFurniActionMessage.ts
index d658d7d9..678f9e56 100644
--- a/src/api/nitro/room/widgets/messages/RoomWidgetFurniActionMessage.ts
+++ b/src/api/nitro/room/widgets/messages/RoomWidgetFurniActionMessage.ts
@@ -19,10 +19,10 @@ export class RoomWidgetFurniActionMessage extends RoomWidgetMessage
     {
         super(type);
 
-        this._furniId       = id;
+        this._furniId = id;
         this._furniCategory = category;
-        this._offerId       = offerId;
-        this._objectData    = objectData;
+        this._offerId = offerId;
+        this._objectData = objectData;
     }
 
     public get furniId(): number
diff --git a/src/api/nitro/room/widgets/messages/RoomWidgetFurniToWidgetMessage.ts b/src/api/nitro/room/widgets/messages/RoomWidgetFurniToWidgetMessage.ts
index 59054ff2..959d7f2b 100644
--- a/src/api/nitro/room/widgets/messages/RoomWidgetFurniToWidgetMessage.ts
+++ b/src/api/nitro/room/widgets/messages/RoomWidgetFurniToWidgetMessage.ts
@@ -24,9 +24,9 @@ export class RoomWidgetFurniToWidgetMessage extends RoomWidgetMessage
     {
         super(type);
 
-        this._objectId  = objectId;
-        this._category  = category;
-        this._roomId    = roomId;
+        this._objectId = objectId;
+        this._category = category;
+        this._roomId = roomId;
     }
 
     public get objectId(): number
diff --git a/src/api/nitro/room/widgets/messages/RoomWidgetRoomObjectMessage.ts b/src/api/nitro/room/widgets/messages/RoomWidgetRoomObjectMessage.ts
index cc82b85c..98ce28dd 100644
--- a/src/api/nitro/room/widgets/messages/RoomWidgetRoomObjectMessage.ts
+++ b/src/api/nitro/room/widgets/messages/RoomWidgetRoomObjectMessage.ts
@@ -15,8 +15,8 @@ export class RoomWidgetRoomObjectMessage extends RoomWidgetMessage
     {
         super(type);
 
-        this._id        = id;
-        this._category  = category;
+        this._id = id;
+        this._category = category;
     }
 
     public get id(): number
diff --git a/src/api/nitro/session/IsOwnerOfFurniture.ts b/src/api/nitro/session/IsOwnerOfFurniture.ts
index 20c70f3e..56b7fc34 100644
--- a/src/api/nitro/session/IsOwnerOfFurniture.ts
+++ b/src/api/nitro/session/IsOwnerOfFurniture.ts
@@ -5,7 +5,7 @@ export function IsOwnerOfFurniture(roomObject: IRoomObject): boolean
 {
     if(!roomObject || !roomObject.model) return false;
 
-    const userId        = GetSessionDataManager().userId;
+    const userId = GetSessionDataManager().userId;
     const objectOwnerId = roomObject.model.getValue<number>(RoomObjectVariable.FURNITURE_OWNER_ID);
 
     return (userId === objectOwnerId);
diff --git a/src/api/utils/ColorUtils.ts b/src/api/utils/ColorUtils.ts
index 126d271d..9377255e 100644
--- a/src/api/utils/ColorUtils.ts
+++ b/src/api/utils/ColorUtils.ts
@@ -13,7 +13,7 @@ export class ColorUtils
             const diff = 6 - val.length;
             for(let i = 0; i < diff; i++)
             {
-                val =  '0' + val;
+                val = '0' + val;
             }
         }
         return ( '#' + val);
diff --git a/src/api/wired/WiredSelectionFilter.ts b/src/api/wired/WiredSelectionFilter.ts
index b0b5ae32..d661bcf7 100644
--- a/src/api/wired/WiredSelectionFilter.ts
+++ b/src/api/wired/WiredSelectionFilter.ts
@@ -38,9 +38,9 @@ export class WiredSelectionFilter extends NitroFilter
         super(vertex, fragment);
 
         this.uniforms.lineColor = new Float32Array(3);
-        this.uniforms.color     = new Float32Array(3);
-        this.lineColor          = lineColor;
-        this.color              = color;
+        this.uniforms.color = new Float32Array(3);
+        this.lineColor = lineColor;
+        this.color = color;
     }
 
     public get lineColor(): number | number[]
diff --git a/src/common/draggable-window/DraggableWindow.tsx b/src/common/draggable-window/DraggableWindow.tsx
index d167c3d1..c2a7f301 100644
--- a/src/common/draggable-window/DraggableWindow.tsx
+++ b/src/common/draggable-window/DraggableWindow.tsx
@@ -107,8 +107,8 @@ export const DraggableWindow: FC<DraggableWindowProps> = props =>
     {
         if(!elementRef.current || !dragHandler) return;
         
-        let offsetX  = (offset.x + delta.x);
-        let offsetY  = (offset.y + delta.y);
+        let offsetX = (offset.x + delta.x);
+        let offsetY = (offset.y + delta.y);
 
         const left = elementRef.current.offsetLeft + offsetX;
         const top = elementRef.current.offsetTop + offsetY;
diff --git a/src/common/layout/LayoutNotificationAlertView.tsx b/src/common/layout/LayoutNotificationAlertView.tsx
index bc7894bc..d4e56d82 100644
--- a/src/common/layout/LayoutNotificationAlertView.tsx
+++ b/src/common/layout/LayoutNotificationAlertView.tsx
@@ -27,7 +27,7 @@ export const LayoutNotificationAlertView: FC<LayoutNotificationAlertViewProps> =
     return (
         <NitroCardView classNames={ getClassNames } theme="primary-slim" { ...rest }>
             <NitroCardHeaderView headerText={ title } onCloseClick={ close } />
-            <NitroCardContentView grow justifyContent="between" overflow="hidden" className="text-black" gap={0}>
+            <NitroCardContentView grow justifyContent="between" overflow="hidden" className="text-black" gap={ 0 }>
                 { children }
             </NitroCardContentView>
         </NitroCardView>
diff --git a/src/common/layout/LayoutProgressBar.tsx b/src/common/layout/LayoutProgressBar.tsx
index a8114b75..8f821717 100644
--- a/src/common/layout/LayoutProgressBar.tsx
+++ b/src/common/layout/LayoutProgressBar.tsx
@@ -25,7 +25,7 @@ export const LayoutProgressBar: FC<LayoutProgressBarProps> = props =>
         <Column position={ position } justifyContent={ justifyContent } classNames={ getClassNames } { ...rest }>
             { text && (text.length > 0) &&
                 <Flex fit center position="absolute" className="nitro-progress-bar-text small">{ text }</Flex> }
-            <Base className="nitro-progress-bar-inner" style={ { width: (~~((((progress - 0) * (100 - 0)) / (maxProgress - 0)) + 0) + '%') }} />
+            <Base className="nitro-progress-bar-inner" style={ { width: (~~((((progress - 0) * (100 - 0)) / (maxProgress - 0)) + 0) + '%') } } />
             { children }
         </Column>
     );
diff --git a/src/common/layout/UserProfileIconView.tsx b/src/common/layout/UserProfileIconView.tsx
index 769cf625..d31fa66b 100644
--- a/src/common/layout/UserProfileIconView.tsx
+++ b/src/common/layout/UserProfileIconView.tsx
@@ -10,7 +10,7 @@ export interface UserProfileIconViewProps extends BaseProps<HTMLDivElement>
 
 export const UserProfileIconView: FC<UserProfileIconViewProps> = props =>
 {
-    const { userId = 0, userName = null, classNames = [], pointer = true, children = null, ...rest  } = props;
+    const { userId = 0, userName = null, classNames = [], pointer = true, children = null, ...rest } = props;
 
     const getClassNames = useMemo(() =>
     {
diff --git a/src/components/avatar-editor/common/AvatarEditorGridPartItem.ts b/src/components/avatar-editor/common/AvatarEditorGridPartItem.ts
index dc583f38..a277b5ad 100644
--- a/src/components/avatar-editor/common/AvatarEditorGridPartItem.ts
+++ b/src/components/avatar-editor/common/AvatarEditorGridPartItem.ts
@@ -5,8 +5,8 @@ import { FigureData } from './FigureData';
 export class AvatarEditorGridPartItem implements IAvatarImageListener
 {
     private static ALPHA_FILTER: NitroAlphaFilter = new NitroAlphaFilter(0.2);
-    private static THUMB_DIRECTIONS: number[]   = [ 2, 6, 0, 4, 3, 1 ];
-    private static DRAW_ORDER: string[]         = [
+    private static THUMB_DIRECTIONS: number[] = [ 2, 6, 0, 4, 3, 1 ];
+    private static DRAW_ORDER: string[] = [
         AvatarFigurePartType.LEFT_HAND_ITEM,
         AvatarFigurePartType.LEFT_HAND,
         AvatarFigurePartType.LEFT_SLEEVE,
@@ -201,13 +201,13 @@ export class AvatarEditorGridPartItem implements IAvatarImageListener
 
         if(this._partSet)
         {
-            this._isHC          = (this._partSet.clubLevel > 0);
-            this._isSellable    = this._partSet.isSellable;
+            this._isHC = (this._partSet.clubLevel > 0);
+            this._isSellable = this._partSet.isSellable;
         }
         else
         {
-            this._isHC          = false;
-            this._isSellable    = false;
+            this._isHC = false;
+            this._isSellable = false;
         }
 
         if(this._isDisabled) this.setAlpha(container, 0.2);
diff --git a/src/components/avatar-editor/common/CategoryBaseModel.ts b/src/components/avatar-editor/common/CategoryBaseModel.ts
index 5cd311c0..34dd9330 100644
--- a/src/components/avatar-editor/common/CategoryBaseModel.ts
+++ b/src/components/avatar-editor/common/CategoryBaseModel.ts
@@ -11,7 +11,7 @@ export class CategoryBaseModel implements IAvatarEditorCategoryModel
 
     constructor()
     {
-        this._isInitalized  = false;
+        this._isInitalized = false;
         this._maxPaletteCount = 0;
     }
 
diff --git a/src/components/avatar-editor/common/FigureData.ts b/src/components/avatar-editor/common/FigureData.ts
index 072ced1c..78014d11 100644
--- a/src/components/avatar-editor/common/FigureData.ts
+++ b/src/components/avatar-editor/common/FigureData.ts
@@ -199,8 +199,8 @@ export class FigureData
     {
         let figureString = '';
 
-        const setTypes: string[]    = [ FigureData.FACE ];
-        const figureSets: string[]  = [];
+        const setTypes: string[] = [ FigureData.FACE ];
+        const figureSets: string[] = [];
 
         for(const setType of setTypes)
         {
diff --git a/src/components/avatar-editor/views/model/AvatarEditorModelView.tsx b/src/components/avatar-editor/views/model/AvatarEditorModelView.tsx
index ba0d2da7..3382a71f 100644
--- a/src/components/avatar-editor/views/model/AvatarEditorModelView.tsx
+++ b/src/components/avatar-editor/views/model/AvatarEditorModelView.tsx
@@ -67,7 +67,7 @@ export const AvatarEditorModelView: FC<AvatarEditorModelViewProps> = props =>
                             <AvatarEditorIcon icon="female" selected={ (gender === FigureData.FEMALE) } />
                         </Flex>
                     </> }
-                { !model.canSetGender && model.categories &&  (model.categories.size > 0) && Array.from(model.categories.keys()).map(name =>
+                { !model.canSetGender && model.categories && (model.categories.size > 0) && Array.from(model.categories.keys()).map(name =>
                 {
                     const category = model.categories.get(name);
 
diff --git a/src/components/avatar-editor/views/wardrobe/AvatarEditorWardrobeView.tsx b/src/components/avatar-editor/views/wardrobe/AvatarEditorWardrobeView.tsx
index f480c900..96252ff4 100644
--- a/src/components/avatar-editor/views/wardrobe/AvatarEditorWardrobeView.tsx
+++ b/src/components/avatar-editor/views/wardrobe/AvatarEditorWardrobeView.tsx
@@ -55,13 +55,13 @@ export const AvatarEditorWardrobeView: FC<AvatarEditorWardrobeViewProps> = props
             items.push(
                 <LayoutGridItem key={ index } position="relative" overflow="hidden" className="nitro-avatar-editor-wardrobe-figure-preview">
                     { figureContainer &&
-                            <LayoutAvatarImageView figure={ figureContainer.getFigureString() } gender={ gender } direction={ 2 } /> }
+                    <LayoutAvatarImageView figure={ figureContainer.getFigureString() } gender={ gender } direction={ 2 } /> }
                     <Base className="avatar-shadow" />
                     { (clubLevel > 0) && <LayoutCurrencyIcon className="position-absolute top-1 start-1" type="hc" /> }
                     <Flex gap={ 1 } className="button-container">
                         <Button variant="link" fullWidth onClick={ event => saveFigureAtWardrobeIndex(index) }>{ LocalizeText('avatareditor.wardrobe.save') }</Button>
                         { figureContainer &&
-                                <Button variant="link" fullWidth onClick={ event => wearFigureAtIndex(index) } disabled={ (clubLevel > GetClubMemberLevel()) }>{ LocalizeText('generic_usable.button.use') }</Button> }
+                        <Button variant="link" fullWidth onClick={ event => wearFigureAtIndex(index) } disabled={ (clubLevel > GetClubMemberLevel()) }>{ LocalizeText('generic_usable.button.use') }</Button> }
                     </Flex>
                 </LayoutGridItem>
             );
diff --git a/src/components/campaign/CalendarItemView.tsx b/src/components/campaign/CalendarItemView.tsx
index 33df1ff7..7a745c18 100644
--- a/src/components/campaign/CalendarItemView.tsx
+++ b/src/components/campaign/CalendarItemView.tsx
@@ -33,7 +33,7 @@ export const CalendarItemView: FC<CalendarItemViewProps> = props =>
     }
 
     return (
-        <Column fit center pointer className={`campaign-spritesheet campaign-day-generic-bg rounded calendar-item ${ active ? 'active' : '' }`} onClick={ () => onClick(itemId) }>
+        <Column fit center pointer className={ `campaign-spritesheet campaign-day-generic-bg rounded calendar-item ${ active ? 'active' : '' }` } onClick={ () => onClick(itemId) }>
             { (state === CalendarItemState.STATE_UNLOCKED) &&
                 <Flex center className="campaign-spritesheet unlocked-bg">
                     <Flex center className="campaign-spritesheet campaign-opened">
diff --git a/src/components/campaign/CampaignView.tsx b/src/components/campaign/CampaignView.tsx
index 62867b51..3af14b5e 100644
--- a/src/components/campaign/CampaignView.tsx
+++ b/src/components/campaign/CampaignView.tsx
@@ -103,7 +103,7 @@ export const CampaignView: FC<{}> = props =>
     return (
         <>
             {(calendarData && isCalendarOpen) && 
-                <CalendarView close={onCalendarClose} campaignName={calendarData.campaignName} currentDay={calendarData.currentDay} numDays={calendarData.campaignDays} openedDays={calendarData.openedDays} missedDays={calendarData.missedDays} openPackage={openPackage} receivedProducts={receivedProducts} />
+                <CalendarView close={ onCalendarClose } campaignName={ calendarData.campaignName } currentDay={ calendarData.currentDay } numDays={ calendarData.campaignDays } openedDays={ calendarData.openedDays } missedDays={ calendarData.missedDays } openPackage={ openPackage } receivedProducts={ receivedProducts } />
             }
         </>
     )
diff --git a/src/components/catalog/CatalogMessageHandler.tsx b/src/components/catalog/CatalogMessageHandler.tsx
index dfbf89d2..3f2d88e9 100644
--- a/src/components/catalog/CatalogMessageHandler.tsx
+++ b/src/components/catalog/CatalogMessageHandler.tsx
@@ -272,7 +272,7 @@ export const CatalogMessageHandler: FC<{}> = props =>
             title = LocalizeText('inventory.marketplace.result.title.failure');
         }
 
-        const message = LocalizeText(`inventory.marketplace.result.${parser.result}`);
+        const message = LocalizeText(`inventory.marketplace.result.${ parser.result }`);
         
         NotificationUtilities.simpleAlert(message, NotificationAlertType.DEFAULT, null, null, title);
     }, []);
diff --git a/src/components/catalog/common/FurniCategory.ts b/src/components/catalog/common/FurniCategory.ts
index 7eeeca24..07195cb0 100644
--- a/src/components/catalog/common/FurniCategory.ts
+++ b/src/components/catalog/common/FurniCategory.ts
@@ -1,26 +1,26 @@
 export class FurniCategory
 {
-    public static DEFAULT: number                   = 1;
-    public static WALL_PAPER: number                = 2;
-    public static FLOOR: number                     = 3;
-    public static LANDSCAPE: number                 = 4;
-    public static POST_IT: number                   = 5;
-    public static POSTER: number                    = 6;
-    public static SOUND_SET: number                 = 7;
-    public static TRAX_SONG: number                 = 8;
-    public static PRESENT: number                   = 9;
-    public static ECOTRON_BOX: number               = 10;
-    public static TROPHY: number                    = 11;
-    public static CREDIT_FURNI: number              = 12;
-    public static PET_SHAMPOO: number               = 13;
-    public static PET_CUSTOM_PART: number           = 14;
-    public static PET_CUSTOM_PART_SHAMPOO: number   = 15;
-    public static PET_SADDLE: number                = 16;
-    public static GUILD_FURNI: number               = 17;
-    public static GAME_FURNI: number                = 18;
-    public static MONSTERPLANT_SEED: number         = 19;
-    public static MONSTERPLANT_REVIVAL: number      = 20;
-    public static MONSTERPLANT_REBREED: number      = 21;
-    public static MONSTERPLANT_FERTILIZE: number    = 22;
-    public static FIGURE_PURCHASABLE_SET: number    = 23;
+    public static DEFAULT: number = 1;
+    public static WALL_PAPER: number = 2;
+    public static FLOOR: number = 3;
+    public static LANDSCAPE: number = 4;
+    public static POST_IT: number = 5;
+    public static POSTER: number = 6;
+    public static SOUND_SET: number = 7;
+    public static TRAX_SONG: number = 8;
+    public static PRESENT: number = 9;
+    public static ECOTRON_BOX: number = 10;
+    public static TROPHY: number = 11;
+    public static CREDIT_FURNI: number = 12;
+    public static PET_SHAMPOO: number = 13;
+    public static PET_CUSTOM_PART: number = 14;
+    public static PET_CUSTOM_PART_SHAMPOO: number = 15;
+    public static PET_SADDLE: number = 16;
+    public static GUILD_FURNI: number = 17;
+    public static GAME_FURNI: number = 18;
+    public static MONSTERPLANT_SEED: number = 19;
+    public static MONSTERPLANT_REVIVAL: number = 20;
+    public static MONSTERPLANT_REBREED: number = 21;
+    public static MONSTERPLANT_FERTILIZE: number = 22;
+    public static FIGURE_PURCHASABLE_SET: number = 23;
 }
\ No newline at end of file
diff --git a/src/components/catalog/views/gift/CatalogGiftView.tsx b/src/components/catalog/views/gift/CatalogGiftView.tsx
index 2da0b69b..d3e94506 100644
--- a/src/components/catalog/views/gift/CatalogGiftView.tsx
+++ b/src/components/catalog/views/gift/CatalogGiftView.tsx
@@ -135,7 +135,7 @@ export const CatalogGiftView: FC<{}> = props =>
 
             if(!giftData) continue;
 
-            if(giftData.colors && giftData.colors.length > 0) newColors.push({ id: colorId, color: `#${giftData.colors[0].toString(16)}` });
+            if(giftData.colors && giftData.colors.length > 0) newColors.push({ id: colorId, color: `#${ giftData.colors[0].toString(16) }` });
         }
 
         setMaxBoxIndex(giftConfiguration.boxTypes.length - 1);
@@ -210,7 +210,7 @@ export const CatalogGiftView: FC<{}> = props =>
                         { LocalizeText('catalog.gift_wrapping.pick_color') }
                     </Text>
                     <ButtonGroup fullWidth>
-                        { colors.map(color => <Button key={ color.id } variant="dark" active={ (color.id === selectedColorId) } disabled={ !isColorable } style={{ backgroundColor: color.color }} onClick={ () => setSelectedColorId(color.id) } />) }
+                        { colors.map(color => <Button key={ color.id } variant="dark" active={ (color.id === selectedColorId) } disabled={ !isColorable } style={ { backgroundColor: color.color } } onClick={ () => setSelectedColorId(color.id) } />) }
                     </ButtonGroup>
                 </Column>
                 <Flex justifyContent="between" alignItems="center">
diff --git a/src/components/catalog/views/page/layout/CatalogLayoutVipBuyView.tsx b/src/components/catalog/views/page/layout/CatalogLayoutVipBuyView.tsx
index f32db617..1dff2dab 100644
--- a/src/components/catalog/views/page/layout/CatalogLayoutVipBuyView.tsx
+++ b/src/components/catalog/views/page/layout/CatalogLayoutVipBuyView.tsx
@@ -148,27 +148,27 @@ export const CatalogLayoutVipBuyView: FC<CatalogLayoutProps> = props =>
                                     <Text textEnd>{ getOfferText(offer) }</Text>
                                     <Flex justifyContent="end" gap={ 1 }>
                                         { (offer.priceCredits > 0) &&
-                                                <Flex alignItems="center" justifyContent="end" gap={ 1 }>
-                                                    <Text>{ offer.priceCredits }</Text>
-                                                    <LayoutCurrencyIcon type={ -1 } />
-                                                </Flex> }
+                                        <Flex alignItems="center" justifyContent="end" gap={ 1 }>
+                                            <Text>{ offer.priceCredits }</Text>
+                                            <LayoutCurrencyIcon type={ -1 } />
+                                        </Flex> }
                                         { (offer.priceActivityPoints > 0) &&
-                                                <Flex alignItems="center" justifyContent="end" gap={ 1 }>
-                                                    <Text>{ offer.priceActivityPoints }</Text>
-                                                    <LayoutCurrencyIcon type={ offer.priceActivityPointsType } />
-                                                </Flex> }
+                                        <Flex alignItems="center" justifyContent="end" gap={ 1 }>
+                                            <Text>{ offer.priceActivityPoints }</Text>
+                                            <LayoutCurrencyIcon type={ offer.priceActivityPointsType } />
+                                        </Flex> }
                                     </Flex>
                                 </Column>
                             </LayoutGridItem>
                         );
                     }) }
                 </AutoGrid>
-                <Text center dangerouslySetInnerHTML={{ __html: LocalizeText('catalog.vip.buy.hccenter') }}></Text>
+                <Text center dangerouslySetInnerHTML={ { __html: LocalizeText('catalog.vip.buy.hccenter') } }></Text>
             </Column>
             <Column size={ 5 } overflow="hidden">
                 <Column fullHeight center overflow="hidden">
                     { currentPage.localization.getImage(1) && <img alt="" src={ currentPage.localization.getImage(1) } /> }
-                    <Text center overflow="auto" dangerouslySetInnerHTML={{ __html: getSubscriptionDetails }} />
+                    <Text center overflow="auto" dangerouslySetInnerHTML={ { __html: getSubscriptionDetails } } />
                 </Column>
                 { pendingOffer &&
                     <Column fullWidth grow justifyContent="end">
diff --git a/src/components/catalog/views/page/layout/marketplace/CatalogLayoutMarketplaceItemView.tsx b/src/components/catalog/views/page/layout/marketplace/CatalogLayoutMarketplaceItemView.tsx
index 841c0f8a..22d7dfd9 100644
--- a/src/components/catalog/views/page/layout/marketplace/CatalogLayoutMarketplaceItemView.tsx
+++ b/src/components/catalog/views/page/layout/marketplace/CatalogLayoutMarketplaceItemView.tsx
@@ -36,7 +36,7 @@ export const CatalogLayoutMarketplaceItemView: FC<MarketplaceItemViewProps> = pr
         
         const time = Math.max(1, offerData.timeLeftMinutes);
         const hours = Math.floor(time / 60);
-        const minutes =  time - (hours * 60);
+        const minutes = time - (hours * 60);
 
         let text = minutes + ' ' + LocalizeText('catalog.marketplace.offer.minutes');
         if(hours > 0)
diff --git a/src/components/catalog/views/page/layout/marketplace/CatalogLayoutMarketplacePublicItemsView.tsx b/src/components/catalog/views/page/layout/marketplace/CatalogLayoutMarketplacePublicItemsView.tsx
index ae6b5fff..ef10dd3b 100644
--- a/src/components/catalog/views/page/layout/marketplace/CatalogLayoutMarketplacePublicItemsView.tsx
+++ b/src/components/catalog/views/page/layout/marketplace/CatalogLayoutMarketplacePublicItemsView.tsx
@@ -155,7 +155,7 @@ export const CatalogLayoutMarketplacePublicItemsView: FC<CatalogLayoutMarketplac
                 </Text>
                 <Column className="nitro-catalog-layout-marketplace-grid" overflow="auto">
                     { 
-                        Array.from(offers.values()).map( (entry, index) => <CatalogLayoutMarketplaceItemView key={ index } offerData={ entry } type={ PUBLIC_OFFER } onClick={purchaseItem} />)
+                        Array.from(offers.values()).map( (entry, index) => <CatalogLayoutMarketplaceItemView key={ index } offerData={ entry } type={ PUBLIC_OFFER } onClick={ purchaseItem } />)
                     }
                 </Column>
             </Column>
diff --git a/src/components/catalog/views/page/layout/vip-gifts/VipGiftItemView.tsx b/src/components/catalog/views/page/layout/vip-gifts/VipGiftItemView.tsx
index 2722900d..6b69a503 100644
--- a/src/components/catalog/views/page/layout/vip-gifts/VipGiftItemView.tsx
+++ b/src/components/catalog/views/page/layout/vip-gifts/VipGiftItemView.tsx
@@ -29,7 +29,7 @@ export const VipGiftItem : FC<VipGiftItemViewProps> = props =>
 
         const productData = offer.products[0];
 
-        const localizationKey = ProductImageUtility.getProductCategory(productData.productType, productData.furniClassId) === 2  ? 'wallItem.name.' + productData.furniClassId : 'roomItem.name.' + productData.furniClassId;
+        const localizationKey = ProductImageUtility.getProductCategory(productData.productType, productData.furniClassId) === 2 ? 'wallItem.name.' + productData.furniClassId : 'roomItem.name.' + productData.furniClassId;
 
         return LocalizeText(localizationKey);
     }, [ offer ]);
diff --git a/src/components/catalog/views/page/widgets/CatalogSpinnerWidgetView.tsx b/src/components/catalog/views/page/widgets/CatalogSpinnerWidgetView.tsx
index 6c2633ac..df50e347 100644
--- a/src/components/catalog/views/page/widgets/CatalogSpinnerWidgetView.tsx
+++ b/src/components/catalog/views/page/widgets/CatalogSpinnerWidgetView.tsx
@@ -39,7 +39,7 @@ export const CatalogSpinnerWidgetView: FC<{}> = props =>
             <Text>{ LocalizeText('catalog.bundlewidget.spinner.select.amount') }</Text>
             <Flex alignItems="center" gap={ 1 }>
                 <FontAwesomeIcon icon="caret-left" className="text-black cursor-pointer" onClick={ event => updateQuantity(quantity - 1) } />
-                <input type="number" className="form-control form-control-sm quantity-input" value={ quantity } onChange={ event => updateQuantity(event.target.valueAsNumber)} />
+                <input type="number" className="form-control form-control-sm quantity-input" value={ quantity } onChange={ event => updateQuantity(event.target.valueAsNumber) } />
                 <FontAwesomeIcon icon="caret-right" className="text-black cursor-pointer" onClick={ event => updateQuantity(quantity + 1) } />
             </Flex>
         </>
diff --git a/src/components/chat-history/ChatHistoryView.tsx b/src/components/chat-history/ChatHistoryView.tsx
index 25722241..03e63c0d 100644
--- a/src/components/chat-history/ChatHistoryView.tsx
+++ b/src/components/chat-history/ChatHistoryView.tsx
@@ -33,7 +33,7 @@ export const ChatHistoryView: FC<{}> = props =>
                     <Text variant="muted">{ item.timestamp }</Text>
                     { (item.type === ChatEntryType.TYPE_CHAT) &&
                         <>
-                            <Text pointer noWrap dangerouslySetInnerHTML={ { __html: (item.name + ':') }} />
+                            <Text pointer noWrap dangerouslySetInnerHTML={ { __html: (item.name + ':') } } />
                             <Text textBreak wrap grow>{ item.message }</Text>
                         </> }
                     { (item.type === ChatEntryType.TYPE_ROOM_INFO) &&
diff --git a/src/components/chat-history/common/Utilities.ts b/src/components/chat-history/common/Utilities.ts
index 29b00cfa..12d6d3eb 100644
--- a/src/components/chat-history/common/Utilities.ts
+++ b/src/components/chat-history/common/Utilities.ts
@@ -1,5 +1,5 @@
 export const currentDate = () =>
 {
     const currentTime = new Date();
-    return `${currentTime.getHours().toString().padStart(2, '0')}:${currentTime.getMinutes().toString().padStart(2, '0')}`;
+    return `${ currentTime.getHours().toString().padStart(2, '0') }:${ currentTime.getMinutes().toString().padStart(2, '0') }`;
 }
diff --git a/src/components/floorplan-editor/FloorplanEditorView.tsx b/src/components/floorplan-editor/FloorplanEditorView.tsx
index b7ed87e6..34f82aa5 100644
--- a/src/components/floorplan-editor/FloorplanEditorView.tsx
+++ b/src/components/floorplan-editor/FloorplanEditorView.tsx
@@ -141,7 +141,7 @@ export const FloorplanEditorView: FC<{}> = props =>
     }, []);
 
     return (
-        <FloorplanEditorContextProvider value={{ originalFloorplanSettings: originalFloorplanSettings, setOriginalFloorplanSettings: setOriginalFloorplanSettings, visualizationSettings: visualizationSettings, setVisualizationSettings: setVisualizationSettings }}>
+        <FloorplanEditorContextProvider value={ { originalFloorplanSettings: originalFloorplanSettings, setOriginalFloorplanSettings: setOriginalFloorplanSettings, visualizationSettings: visualizationSettings, setVisualizationSettings: setVisualizationSettings } }>
             { isVisible &&
                 <NitroCardView uniqueKey="floorpan-editor" className="nitro-floorplan-editor" theme="primary-slim">
                     <NitroCardHeaderView headerText={ LocalizeText('floor.plan.editor.title') } onCloseClick={ () => setIsVisible(false) } />
diff --git a/src/components/floorplan-editor/common/Constants.ts b/src/components/floorplan-editor/common/Constants.ts
index 8f52f282..da66d515 100644
--- a/src/components/floorplan-editor/common/Constants.ts
+++ b/src/components/floorplan-editor/common/Constants.ts
@@ -12,7 +12,7 @@ export class FloorAction
     public static readonly UNSET = 4;
 }
 
-export const COLORMAP: object =  {
+export const COLORMAP: object = {
     'x': '101010',
     '0': '0065ff',
     '1': '0091ff',
diff --git a/src/components/floorplan-editor/common/Utils.ts b/src/components/floorplan-editor/common/Utils.ts
index 0172b786..841b1938 100644
--- a/src/components/floorplan-editor/common/Utils.ts
+++ b/src/components/floorplan-editor/common/Utils.ts
@@ -14,7 +14,7 @@ export const getTileFromScreenPosition = (x: number, y: number): [number, number
 {
     const translatedX = x - 1024; // after centering translation
     
-    const realX = ((translatedX /(TILE_SIZE / 2))  + (y / (TILE_SIZE / 4))) / 2;
+    const realX = ((translatedX /(TILE_SIZE / 2)) + (y / (TILE_SIZE / 4))) / 2;
     const realY = ((y /(TILE_SIZE / 4)) - (translatedX / (TILE_SIZE / 2))) / 2;
 
     return [ realX, realY ];
diff --git a/src/components/floorplan-editor/views/FloorplanImportExportView.tsx b/src/components/floorplan-editor/views/FloorplanImportExportView.tsx
index 5523d073..c8f64d31 100644
--- a/src/components/floorplan-editor/views/FloorplanImportExportView.tsx
+++ b/src/components/floorplan-editor/views/FloorplanImportExportView.tsx
@@ -42,7 +42,7 @@ export const FloorplanImportExportView: FC<FloorplanImportExportViewProps> = pro
             <NitroCardContentView>
                 <textarea className="h-100" value={ map } onChange={ event => setMap(event.target.value) } />
                 <Flex justifyContent="between">
-                    <Button onClick={ event => setMap(ConvertTileMapToString(originalFloorplanSettings.tilemap))}>
+                    <Button onClick={ event => setMap(ConvertTileMapToString(originalFloorplanSettings.tilemap)) }>
                         { LocalizeText('floor.plan.editor.revert.to.last.received.map') }
                     </Button>
                     <Button onClick={ saveFloorChanges }>
diff --git a/src/components/floorplan-editor/views/FloorplanOptionsView.tsx b/src/components/floorplan-editor/views/FloorplanOptionsView.tsx
index 79e88d62..227df7c4 100644
--- a/src/components/floorplan-editor/views/FloorplanOptionsView.tsx
+++ b/src/components/floorplan-editor/views/FloorplanOptionsView.tsx
@@ -149,7 +149,7 @@ export const FloorplanOptionsView: FC<{}> = props =>
                     <Text bold>{ LocalizeText('floor.editor.wall.height') }</Text>
                     <Flex alignItems="center" gap={ 1 }>
                         <FontAwesomeIcon icon="caret-left" className="cursor-pointer" onClick={ decreaseWallHeight } />
-                        <input type="number" className="form-control form-control-sm quantity-input" value={ visualizationSettings.wallHeight } onChange={ event => onWallHeightChange(event.target.valueAsNumber)} />
+                        <input type="number" className="form-control form-control-sm quantity-input" value={ visualizationSettings.wallHeight } onChange={ event => onWallHeightChange(event.target.valueAsNumber) } />
                         <FontAwesomeIcon icon="caret-right" className="cursor-pointer" onClick={ increaseWallHeight } />
                     </Flex>
                 </Column>
@@ -164,7 +164,7 @@ export const FloorplanOptionsView: FC<{}> = props =>
                         step={ 1 }
                         value={ floorHeight }
                         onChange={ event => onFloorHeightChange(event) }
-                        renderThumb={ ({ style, ...rest }, state) => <div style={ { backgroundColor: `#${COLORMAP[state.valueNow.toString(33)]}`, ...style } } { ...rest }>{ state.valueNow }</div> } />
+                        renderThumb={ ({ style, ...rest }, state) => <div style={ { backgroundColor: `#${ COLORMAP[state.valueNow.toString(33)] }`, ...style } } { ...rest }>{ state.valueNow }</div> } />
                 </Column>
                 <Column size={ 6 }>
                     <Text bold>{ LocalizeText('floor.plan.editor.room.options') }</Text>
diff --git a/src/components/friends/views/friends-bar/FriendBarItemView.tsx b/src/components/friends/views/friends-bar/FriendBarItemView.tsx
index 30f7a31e..52f7568f 100644
--- a/src/components/friends/views/friends-bar/FriendBarItemView.tsx
+++ b/src/components/friends/views/friends-bar/FriendBarItemView.tsx
@@ -42,18 +42,18 @@ export const FriendBarItemView: FC<{ friend: MessengerFriend }> = props =>
 
     return (
         <div ref={ elementRef } className={ 'btn btn-success friend-bar-item ' + (isVisible ? 'friend-bar-item-active' : '') } onClick={ event => setVisible(prevValue => !prevValue) }>
-            <div className={`friend-bar-item-head position-absolute ${friend.id > 0 ? 'avatar': 'group'}`}>
+            <div className={ `friend-bar-item-head position-absolute ${ friend.id > 0 ? 'avatar': 'group' }` }>
                 { (friend.id > 0) && <LayoutAvatarImageView headOnly={ true } figure={ friend.figure } direction={ 2 } /> }
-                { (friend.id <= 0) && <LayoutBadgeImageView isGroup={ true } badgeCode={ friend.figure} /> } 
+                { (friend.id <= 0) && <LayoutBadgeImageView isGroup={ true } badgeCode={ friend.figure } /> } 
             </div>
             <div className="text-truncate">{ friend.name }</div>
             { isVisible &&
-                    <div className="d-flex justify-content-between">
-                        <Base className="nitro-friends-spritesheet icon-friendbar-chat cursor-pointer" onClick={ event => OpenMessengerChat(friend.id) } />
-                        { friend.followingAllowed &&
-                            <Base className="nitro-friends-spritesheet icon-friendbar-visit cursor-pointer" onClick={ event => followFriend(friend) } /> }
-                        <Base className="nitro-friends-spritesheet icon-profile cursor-pointer" onClick={ event => GetUserProfile(friend.id) } />
-                    </div> }
+            <div className="d-flex justify-content-between">
+                <Base className="nitro-friends-spritesheet icon-friendbar-chat cursor-pointer" onClick={ event => OpenMessengerChat(friend.id) } />
+                { friend.followingAllowed &&
+                <Base className="nitro-friends-spritesheet icon-friendbar-visit cursor-pointer" onClick={ event => followFriend(friend) } /> }
+                <Base className="nitro-friends-spritesheet icon-profile cursor-pointer" onClick={ event => GetUserProfile(friend.id) } />
+            </div> }
         </div>
     );
 }
diff --git a/src/components/friends/views/friends-list/FriendsListSearchView.tsx b/src/components/friends/views/friends-list/FriendsListSearchView.tsx
index a01fa340..a6f82f23 100644
--- a/src/components/friends/views/friends-list/FriendsListSearchView.tsx
+++ b/src/components/friends/views/friends-list/FriendsListSearchView.tsx
@@ -64,7 +64,7 @@ export const FriendsSearchView: FC<FriendsSearchViewProps> = props =>
                                                 </Flex>
                                                 <Flex alignItems="center" gap={ 1 }>
                                                     { result.isAvatarOnline &&
-                                                            <Base className="nitro-friends-spritesheet icon-chat cursor-pointer" onClick={ event => OpenMessengerChat(result.avatarId) } title={ LocalizeText('friendlist.tip.im') } /> }
+                                                    <Base className="nitro-friends-spritesheet icon-chat cursor-pointer" onClick={ event => OpenMessengerChat(result.avatarId) } title={ LocalizeText('friendlist.tip.im') } /> }
                                                 </Flex>
                                             </NitroCardAccordionItemView>
                                         )
@@ -91,7 +91,7 @@ export const FriendsSearchView: FC<FriendsSearchViewProps> = props =>
                                                 </Flex>
                                                 <Flex alignItems="center" gap={ 1 }>
                                                     { canRequestFriend(result.avatarId) &&
-                                                            <Base className="nitro-friends-spritesheet icon-add cursor-pointer" onClick={ event => requestFriend(result.avatarId, result.avatarName) } title={ LocalizeText('friendlist.tip.addfriend') } /> }
+                                                    <Base className="nitro-friends-spritesheet icon-add cursor-pointer" onClick={ event => requestFriend(result.avatarId, result.avatarName) } title={ LocalizeText('friendlist.tip.addfriend') } /> }
                                                 </Flex>
                                             </NitroCardAccordionItemView>
                                         )
diff --git a/src/components/friends/views/friends-list/FriendsListView.tsx b/src/components/friends/views/friends-list/FriendsListView.tsx
index 8dbb9c3e..d1aeb943 100644
--- a/src/components/friends/views/friends-list/FriendsListView.tsx
+++ b/src/components/friends/views/friends-list/FriendsListView.tsx
@@ -124,10 +124,10 @@ export const FriendsListView: FC<{}> = props =>
                 <NitroCardHeaderView headerText={ LocalizeText('friendlist.friends') } onCloseClick={ event => setIsVisible(false) } />
                 <NitroCardContentView overflow="hidden" gap={ 1 } className="text-black p-0">
                     <NitroCardAccordionView fullHeight overflow="hidden">
-                        <NitroCardAccordionSetView headerText={ LocalizeText('friendlist.friends') + ` (${onlineFriends.length})` } isExpanded={ true }>
+                        <NitroCardAccordionSetView headerText={ LocalizeText('friendlist.friends') + ` (${ onlineFriends.length })` } isExpanded={ true }>
                             <FriendsListGroupView list={ onlineFriends } selectedFriendsIds={ selectedFriendsIds } selectFriend={ selectFriend } />
                         </NitroCardAccordionSetView>
-                        <NitroCardAccordionSetView headerText={ LocalizeText('friendlist.friends.offlinecaption') + ` (${offlineFriends.length})` }>
+                        <NitroCardAccordionSetView headerText={ LocalizeText('friendlist.friends.offlinecaption') + ` (${ offlineFriends.length })` }>
                             <FriendsListGroupView list={ offlineFriends } selectedFriendsIds={ selectedFriendsIds } selectFriend={ selectFriend } />
                         </NitroCardAccordionSetView>
                         <FriendsListRequestView headerText={ LocalizeText('friendlist.tab.friendrequests') + ` (${ requests.length })` } isExpanded={ true } />
diff --git a/src/components/friends/views/messenger/messenger-thread/FriendsMessengerThreadGroup.tsx b/src/components/friends/views/messenger/messenger-thread/FriendsMessengerThreadGroup.tsx
index 2ab468ef..2135ed10 100644
--- a/src/components/friends/views/messenger/messenger-thread/FriendsMessengerThreadGroup.tsx
+++ b/src/components/friends/views/messenger/messenger-thread/FriendsMessengerThreadGroup.tsx
@@ -54,7 +54,7 @@ export const FriendsMessengerThreadGroup: FC<{ thread: MessengerThread, group: M
                 { ((group.type === GroupType.PRIVATE_CHAT) && !isOwnChat) &&
                     <LayoutAvatarImageView figure={ thread.participant.figure } direction={ 2 } /> }
                 { (groupChatData && !isOwnChat) &&
-                    <LayoutAvatarImageView figure={ groupChatData.figure } direction={ 2} /> }
+                    <LayoutAvatarImageView figure={ groupChatData.figure } direction={ 2 } /> }
             </Base>
             <Base className={ 'bg-light text-black border-radius mb-2 rounded py-1 px-2 messages-group-' + (isOwnChat ? 'right' : 'left') }>
                 <Base className='fw-bold'>
diff --git a/src/components/groups/views/GroupBadgeCreatorView.tsx b/src/components/groups/views/GroupBadgeCreatorView.tsx
index 7ce204b1..8fe77c9f 100644
--- a/src/components/groups/views/GroupBadgeCreatorView.tsx
+++ b/src/components/groups/views/GroupBadgeCreatorView.tsx
@@ -41,21 +41,21 @@ export const GroupBadgeCreatorView: FC<GroupBadgeCreatorViewProps> = props =>
                             { (badgeParts[index].code && (badgeParts[index].code.length > 0)) &&
                                 <LayoutBadgeImageView badgeCode={ badgeParts[index].code } isGroup={ true } /> }
                             { (!badgeParts[index].code || !badgeParts[index].code.length) &&
-                                    <Flex center className="badge-image group-badge">
-                                        <FontAwesomeIcon icon="plus" />
-                                    </Flex> }
+                            <Flex center className="badge-image group-badge">
+                                <FontAwesomeIcon icon="plus" />
+                            </Flex> }
                         </Flex>
                         { (part.type !== GroupBadgePart.BASE) &&
-                                <Grid gap={ 1 } columnCount={ 3 }>
-                                    { POSITIONS.map((position, posIndex) =>
-                                    {
-                                        return <Base key={ posIndex } pointer className={ `group-badge-position-swatch ${ (badgeParts[index].position === position) ? 'active' : '' }` } onClick={ event => setPartProperty(index, 'position', position) }></Base>
-                                    }) }
-                                </Grid> }
+                        <Grid gap={ 1 } columnCount={ 3 }>
+                            { POSITIONS.map((position, posIndex) =>
+                            {
+                                return <Base key={ posIndex } pointer className={ `group-badge-position-swatch ${ (badgeParts[index].position === position) ? 'active' : '' }` } onClick={ event => setPartProperty(index, 'position', position) }></Base>
+                            }) }
+                        </Grid> }
                         <Grid gap={ 1 } columnCount={ 8 }>
                             { (groupCustomize.badgePartColors.length > 0) && groupCustomize.badgePartColors.map((item, colorIndex) =>
                             {
-                                return <Base key={ colorIndex } pointer className={ `group-badge-color-swatch ${ (badgeParts[index].color === (colorIndex + 1)) ? 'active' : '' }` } style={{ backgroundColor: '#' + item.color }} onClick={ event => setPartProperty(index, 'color', (colorIndex + 1)) }></Base>
+                                return <Base key={ colorIndex } pointer className={ `group-badge-color-swatch ${ (badgeParts[index].color === (colorIndex + 1)) ? 'active' : '' }` } style={ { backgroundColor: '#' + item.color } } onClick={ event => setPartProperty(index, 'color', (colorIndex + 1)) }></Base>
                             }) }
                         </Grid>
                     </Flex>
diff --git a/src/components/groups/views/GroupCreatorView.tsx b/src/components/groups/views/GroupCreatorView.tsx
index 96130477..2900f8b9 100644
--- a/src/components/groups/views/GroupCreatorView.tsx
+++ b/src/components/groups/views/GroupCreatorView.tsx
@@ -136,7 +136,7 @@ export const GroupCreatorView: FC<GroupCreatorViewProps> = props =>
                 </Flex>
                 <Column overflow="hidden">
                     <Flex alignItems="center" gap={ 2 }>
-                        <Base className={ `nitro-group-tab-image tab-${ currentTab }`} />
+                        <Base className={ `nitro-group-tab-image tab-${ currentTab }` } />
                         <Column grow gap={ 0 }>
                             <Text bold fontSize={ 4 }>{ LocalizeText(`group.create.stepcaption.${ currentTab }`) }</Text>
                             <Text>{ LocalizeText(`group.create.stepdesc.${ currentTab }`) }</Text>
diff --git a/src/components/groups/views/GroupInformationView.tsx b/src/components/groups/views/GroupInformationView.tsx
index 8624ee7f..1021bf4b 100644
--- a/src/components/groups/views/GroupInformationView.tsx
+++ b/src/components/groups/views/GroupInformationView.tsx
@@ -121,7 +121,7 @@ export const GroupInformationView: FC<GroupInformationViewProps> = props =>
                         <Flex alignItems="center" gap={ 2 }>
                             <Text bold>{ groupInformation.title }</Text>
                             <Flex gap={ 1 }>
-                                <i className={ 'icon icon-group-type-' + groupInformation.type } title={ LocalizeText(`group.edit.settings.type.${ STATES[groupInformation.type] }.help`)} />
+                                <i className={ 'icon icon-group-type-' + groupInformation.type } title={ LocalizeText(`group.edit.settings.type.${ STATES[groupInformation.type] }.help`) } />
                                 { groupInformation.canMembersDecorate &&
                                     <i className="icon icon-group-decorate" title={ LocalizeText('group.memberscandecorate') } /> }
                             </Flex>
diff --git a/src/components/groups/views/GroupManagerView.tsx b/src/components/groups/views/GroupManagerView.tsx
index 565da645..60cdcf43 100644
--- a/src/components/groups/views/GroupManagerView.tsx
+++ b/src/components/groups/views/GroupManagerView.tsx
@@ -96,13 +96,13 @@ export const GroupManagerView: FC<{}> = props =>
                 { TABS.map(tab =>
                 {
                     return (<NitroCardTabsItemView key={ tab } isActive={ currentTab === tab } onClick={ () => changeTab(tab) }>
-                        { LocalizeText(`group.edit.tab.${tab}`) }
+                        { LocalizeText(`group.edit.tab.${ tab }`) }
                     </NitroCardTabsItemView>);
                 }) }
             </NitroCardTabsView>
             <NitroCardContentView>
                 <Flex alignItems="center" gap={ 2 }>
-                    <Base className={ `nitro-group-tab-image tab-${ currentTab }`} />
+                    <Base className={ `nitro-group-tab-image tab-${ currentTab }` } />
                     <Column grow gap={ 0 }>
                         <Text bold fontSize={ 4 }>{ LocalizeText(`group.edit.tabcaption.${ currentTab }`) }</Text>
                         <Text>{ LocalizeText(`group.edit.tabdesc.${ currentTab }`) }</Text>
diff --git a/src/components/groups/views/GroupMembersView.tsx b/src/components/groups/views/GroupMembersView.tsx
index 388d26c3..2d23caf3 100644
--- a/src/components/groups/views/GroupMembersView.tsx
+++ b/src/components/groups/views/GroupMembersView.tsx
@@ -177,21 +177,21 @@ export const GroupMembersView: FC<{}> = props =>
                                 <Column grow gap={ 1 }>
                                     <Text bold small pointer onClick={ event => GetUserProfile(member.id) }>{ member.name }</Text>
                                     { (member.rank !== GroupRank.REQUESTED) &&
-                                            <Text small italics variant="muted">{ LocalizeText('group.members.since', [ 'date' ], [ member.joinedAt ]) }</Text> }
+                                    <Text small italics variant="muted">{ LocalizeText('group.members.since', [ 'date' ], [ member.joinedAt ]) }</Text> }
                                 </Column>
                                 <Column gap={ 1 }>
                                     { (member.rank !== GroupRank.REQUESTED) &&
-                                            <Flex center>
-                                                <Base pointer={ membersData.admin } className={ `icon icon-group-small-${ ((member.rank === GroupRank.OWNER) ? 'owner' : (member.rank === GroupRank.ADMIN) ? 'admin' : (membersData.admin && (member.rank === GroupRank.MEMBER)) ? 'not-admin' : '') }` } title={ LocalizeText(getRankDescription(member)) } onClick={ event => toggleAdmin(member) } />
-                                            </Flex> }
+                                    <Flex center>
+                                        <Base pointer={ membersData.admin } className={ `icon icon-group-small-${ ((member.rank === GroupRank.OWNER) ? 'owner' : (member.rank === GroupRank.ADMIN) ? 'admin' : (membersData.admin && (member.rank === GroupRank.MEMBER)) ? 'not-admin' : '') }` } title={ LocalizeText(getRankDescription(member)) } onClick={ event => toggleAdmin(member) } />
+                                    </Flex> }
                                     { membersData.admin && (member.rank === GroupRank.REQUESTED) &&
-                                            <Flex alignItems="center">
-                                                <Base pointer className="nitro-friends-spritesheet icon-accept" title={ LocalizeText('group.members.accept') } onClick={ event => acceptMembership(member) }></Base>
-                                            </Flex> }
+                                    <Flex alignItems="center">
+                                        <Base pointer className="nitro-friends-spritesheet icon-accept" title={ LocalizeText('group.members.accept') } onClick={ event => acceptMembership(member) }></Base>
+                                    </Flex> }
                                     { membersData.admin && (member.rank !== GroupRank.OWNER) && (member.id !== GetSessionDataManager().userId) &&
-                                            <Flex alignItems="center">
-                                                <Base pointer className="nitro-friends-spritesheet icon-deny" title={ LocalizeText(member.rank === GroupRank.REQUESTED ? 'group.members.reject' : 'group.members.kick') } onClick={ event => removeMemberOrDeclineMembership(member) }></Base>
-                                            </Flex> }
+                                    <Flex alignItems="center">
+                                        <Base pointer className="nitro-friends-spritesheet icon-deny" title={ LocalizeText(member.rank === GroupRank.REQUESTED ? 'group.members.reject' : 'group.members.kick') } onClick={ event => removeMemberOrDeclineMembership(member) }></Base>
+                                    </Flex> }
                                 </Column>
                             </Flex>
                         );
diff --git a/src/components/groups/views/tabs/GroupTabColorsView.tsx b/src/components/groups/views/tabs/GroupTabColorsView.tsx
index fb893fdf..a593e1ee 100644
--- a/src/components/groups/views/tabs/GroupTabColorsView.tsx
+++ b/src/components/groups/views/tabs/GroupTabColorsView.tsx
@@ -102,8 +102,8 @@ export const GroupTabColorsView: FC<GroupTabColorsViewProps> = props =>
                 <Text bold>{ LocalizeText('group.edit.color.guild.color') }</Text>
                 { groupData.groupColors && (groupData.groupColors.length > 0) &&
                     <Flex overflow="hidden" className="rounded border">
-                        <Base className="group-color-swatch" style={{ backgroundColor: '#' + getGroupColor(0) }} />
-                        <Base className="group-color-swatch" style={{ backgroundColor: '#' + getGroupColor(1) }} />
+                        <Base className="group-color-swatch" style={ { backgroundColor: '#' + getGroupColor(0) } } />
+                        <Base className="group-color-swatch" style={ { backgroundColor: '#' + getGroupColor(1) } } />
                     </Flex> }
             </Column>
             <Column size={ 5 } gap={ 1 } overflow="hidden">
@@ -111,7 +111,7 @@ export const GroupTabColorsView: FC<GroupTabColorsViewProps> = props =>
                 <AutoGrid gap={ 1 } columnCount={ 7 } columnMinWidth={ 16 } columnMinHeight={ 16 }>
                     { groupData.groupColors && groupCustomize.groupColorsA && groupCustomize.groupColorsA.map((item, index) =>
                     {
-                        return <div key={ index } className={ 'group-badge-color-swatch cursor-pointer' + classNames({ ' active': (groupData.groupColors[0] === item.id) }) } style={{ backgroundColor: '#' + item.color }} onClick={ () => selectColor(0, item.id) }></div>
+                        return <div key={ index } className={ 'group-badge-color-swatch cursor-pointer' + classNames({ ' active': (groupData.groupColors[0] === item.id) }) } style={ { backgroundColor: '#' + item.color } } onClick={ () => selectColor(0, item.id) }></div>
                     }) }
                 </AutoGrid>
             </Column>
@@ -120,7 +120,7 @@ export const GroupTabColorsView: FC<GroupTabColorsViewProps> = props =>
                 <AutoGrid gap={ 1 } columnCount={ 7 } columnMinWidth={ 16 } columnMinHeight={ 16 }>
                     { groupData.groupColors && groupCustomize.groupColorsB && groupCustomize.groupColorsB.map((item, index) =>
                     {
-                        return <div key={ index } className={ 'group-badge-color-swatch cursor-pointer' + classNames({ ' active': (groupData.groupColors[1] === item.id) }) } style={{ backgroundColor: '#' + item.color }} onClick={ () => selectColor(1, item.id) }></div>
+                        return <div key={ index } className={ 'group-badge-color-swatch cursor-pointer' + classNames({ ' active': (groupData.groupColors[1] === item.id) }) } style={ { backgroundColor: '#' + item.color } } onClick={ () => selectColor(1, item.id) }></div>
                     }) }
                 </AutoGrid>
             </Column>
diff --git a/src/components/groups/views/tabs/GroupTabCreatorConfirmationView.tsx b/src/components/groups/views/tabs/GroupTabCreatorConfirmationView.tsx
index 083075b8..dd43225a 100644
--- a/src/components/groups/views/tabs/GroupTabCreatorConfirmationView.tsx
+++ b/src/components/groups/views/tabs/GroupTabCreatorConfirmationView.tsx
@@ -46,8 +46,8 @@ export const GroupTabCreatorConfirmationView: FC<GroupTabCreatorConfirmationView
                 <Column center className="bg-muted rounded p-1" gap={ 2 }>
                     <Text bold center>{ LocalizeText('group.edit.color.guild.color') }</Text>
                     <Flex overflow="hidden" className="rounded border">
-                        <Base className="group-color-swatch" style={{ backgroundColor: '#' + getGroupColor(0) }} />
-                        <Base className="group-color-swatch" style={{ backgroundColor: '#' + getGroupColor(1) }} />
+                        <Base className="group-color-swatch" style={ { backgroundColor: '#' + getGroupColor(0) } } />
+                        <Base className="group-color-swatch" style={ { backgroundColor: '#' + getGroupColor(1) } } />
                     </Flex>
                 </Column>
             </Column>
diff --git a/src/components/guide-tool/views/GuideToolOngoingView.tsx b/src/components/guide-tool/views/GuideToolOngoingView.tsx
index 3bbf84d4..1eb22295 100644
--- a/src/components/guide-tool/views/GuideToolOngoingView.tsx
+++ b/src/components/guide-tool/views/GuideToolOngoingView.tsx
@@ -88,7 +88,7 @@ export const GuideToolOngoingView: FC<GuideToolOngoingViewProps> = props =>
                             <Flex key={ index } fullWidth justifyContent={ isOwnChat(group.userId) ? 'end' : 'start' } gap={ 2 }>
                                 <Base shrink className="message-avatar">
                                     { (!isOwnChat(group.userId)) &&
-                                            <LayoutAvatarImageView figure={ userFigure } direction={ 2 } /> }
+                                    <LayoutAvatarImageView figure={ userFigure } direction={ 2 } /> }
                                 </Base>
                                 <Base className={ 'bg-light text-black border-radius mb-2 rounded py-1 px-2 messages-group-' + (isOwnChat(group.userId) ? 'right' : 'left') }>
                                     <Text bold>
@@ -98,9 +98,9 @@ export const GuideToolOngoingView: FC<GuideToolOngoingViewProps> = props =>
                                     { group.messages.map((chat, index) => <Base key={ index } className="text-break">{ chat.message }</Base>) }
                                 </Base>
                                 { (isOwnChat(group.userId)) &&
-                                        <Base className="message-avatar flex-shrink-0">
-                                            <LayoutAvatarImageView figure={ GetSessionDataManager().figure } direction={ 4 } />
-                                        </Base> }
+                                <Base className="message-avatar flex-shrink-0">
+                                    <LayoutAvatarImageView figure={ GetSessionDataManager().figure } direction={ 4 } />
+                                </Base> }
                             </Flex>
                         );
                     }) } 
diff --git a/src/components/hc-center/HcCenterView.tsx b/src/components/hc-center/HcCenterView.tsx
index 94f70260..98df9e63 100644
--- a/src/components/hc-center/HcCenterView.tsx
+++ b/src/components/hc-center/HcCenterView.tsx
@@ -176,10 +176,10 @@ export const HcCenterView: FC<{}> = props =>
                 <hr className="w-100 text-black my-1" />
                 <div>{LocalizeText('hccenter.breakdown.total', [ 'credits', 'actual' ], [ getHcPaydayAmount(),
                     ((((kickbackData.kickbackPercentage * kickbackData.totalCreditsSpent) + kickbackData.creditRewardForStreakBonus) * 100) / 100).toString() ])}</div>
-                <div className="btn btn-link text-primary p-0" onClick={() => 
+                <div className="btn btn-link text-primary p-0" onClick={ () => 
                 {
                     CreateLinkEvent('habbopages/' + GetConfiguration('hc.center')['payday.habbopage']) 
-                }}>{
+                } }>{
                         LocalizeText('hccenter.special.infolink')}
                 </div>
             </Popover.Body>
@@ -207,10 +207,10 @@ export const HcCenterView: FC<{}> = props =>
             </Flex>
             <NitroCardContentView>
                 <Flex gap={ 2 }>
-                    <LayoutBadgeImageView badgeCode={badgeCode} className="align-self-center flex-shrink-0 me-1" />
+                    <LayoutBadgeImageView badgeCode={ badgeCode } className="align-self-center flex-shrink-0 me-1" />
                     <Column size={ 5 } className="streak-info" gap={ 0 }>
                         <Text>{ LocalizeText('hccenter.status.' + clubStatus) }</Text>
-                        <Text dangerouslySetInnerHTML={{ __html: getInfoText() }} />
+                        <Text dangerouslySetInnerHTML={ { __html: getInfoText() } } />
                     </Column>
                 </Flex>
                 { GetConfiguration('hc.center')['payday.info'] &&
@@ -218,10 +218,10 @@ export const HcCenterView: FC<{}> = props =>
                         <Column className="rounded-start bg-primary p-2 payday-special mb-1">
                             <h4 className="mb-1">{LocalizeText('hccenter.special.title')}</h4>
                             <div>{LocalizeText('hccenter.special.info')}</div>
-                            <div className="btn btn-link text-white p-0 mt-auto align-self-baseline" onClick={() => 
+                            <div className="btn btn-link text-white p-0 mt-auto align-self-baseline" onClick={ () => 
                             {
                                 CreateLinkEvent('habbopages/' + GetConfiguration('hc.center')['payday.habbopage']) 
-                            }}>{LocalizeText('hccenter.special.infolink')}</div>
+                            } }>{LocalizeText('hccenter.special.infolink')}</div>
                         </Column>
                         <div className="payday flex-shrink-0 p-2">
                             <h5 className="mb-2 ms-2">{LocalizeText('hccenter.special.time.title')}</h5>
@@ -234,7 +234,7 @@ export const HcCenterView: FC<{}> = props =>
                                     <h5 className="ms-2 mb-1 bolder">{LocalizeText('hccenter.special.amount.title')}</h5>
                                     <div className="d-flex flex-column">
                                         <div className="w-100 text-center ms-4n">{getHcPaydayAmount()}</div>
-                                        <OverlayTrigger trigger={ [ 'hover', 'focus' ] } placement="left" overlay={popover}>
+                                        <OverlayTrigger trigger={ [ 'hover', 'focus' ] } placement="left" overlay={ popover }>
                                             <div className="btn btn-link align-self-end text-primary">
                                                 {LocalizeText('hccenter.breakdown.infolink')}
                                             </div>
@@ -249,22 +249,22 @@ export const HcCenterView: FC<{}> = props =>
                     <div className="rounded bg-success p-2 d-flex flex-row mb-0">
                         <div>
                             <h4 className="mb-1">{LocalizeText('hccenter.gift.title')}</h4>
-                            <div dangerouslySetInnerHTML={{ __html: unclaimedGifts > 0 ? LocalizeText('hccenter.unclaimedgifts', [ 'unclaimedgifts' ], [ unclaimedGifts.toString() ]) : LocalizeText('hccenter.gift.info') }}></div>
+                            <div dangerouslySetInnerHTML={ { __html: unclaimedGifts > 0 ? LocalizeText('hccenter.unclaimedgifts', [ 'unclaimedgifts' ], [ unclaimedGifts.toString() ]) : LocalizeText('hccenter.gift.info') } }></div>
                         </div>
-                        <button className="btn btn-primary btn-lg align-self-center ms-auto" onClick={() => 
+                        <button className="btn btn-primary btn-lg align-self-center ms-auto" onClick={ () => 
                         {
                             CreateLinkEvent('catalog/open/' + GetConfiguration('catalog.links')['hc.hc_gifts']) 
-                        }}>{LocalizeText(clubStatus === ClubStatus.ACTIVE ? 'hccenter.btn.gifts.redeem' : 'hccenter.btn.gifts.view')}</button>
+                        } }>{LocalizeText(clubStatus === ClubStatus.ACTIVE ? 'hccenter.btn.gifts.redeem' : 'hccenter.btn.gifts.view')}</button>
                     </div>
                 }
                 {GetConfiguration('hc.center')['benefits.info'] &&
                     <div className="benefits text-black py-2">
                         <h5 className="mb-1 text-primary">{LocalizeText('hccenter.general.title')}</h5>
-                        <div className="mb-2" dangerouslySetInnerHTML={{ __html: LocalizeText('hccenter.general.info') }} />
-                        <button className="btn btn-link p-0 text-primary" onClick={() => 
+                        <div className="mb-2" dangerouslySetInnerHTML={ { __html: LocalizeText('hccenter.general.info') } } />
+                        <button className="btn btn-link p-0 text-primary" onClick={ () => 
                         {
                             CreateLinkEvent('habbopages/' + GetConfiguration('hc.center')['benefits.habbopage']) 
-                        }}>{LocalizeText('hccenter.general.infolink')}</button>
+                        } }>{LocalizeText('hccenter.general.infolink')}</button>
                     </div>
                 }
             </NitroCardContentView>
diff --git a/src/components/help/views/SanctionStatusView.tsx b/src/components/help/views/SanctionStatusView.tsx
index ab405c4d..b01a1698 100644
--- a/src/components/help/views/SanctionStatusView.tsx
+++ b/src/components/help/views/SanctionStatusView.tsx
@@ -21,7 +21,7 @@ export const SanctionSatusView:FC<{}> = props =>
 
     const sanctionLocalization = useCallback((param: string, sanctionName: string, length?: number) =>
     {
-        let localizationName = `help.sanction.${param}`;
+        let localizationName = `help.sanction.${ param }`;
 
         switch(sanctionName)
         {
@@ -50,7 +50,7 @@ export const SanctionSatusView:FC<{}> = props =>
     
     return (
         <NitroCardView className="nitro-help" theme="primary-slim">
-            <NitroCardHeaderView headerText={LocalizeText('help.sanction.info.title')} onCloseClick={() => setSanctionInfo(null)} />
+            <NitroCardHeaderView headerText={ LocalizeText('help.sanction.info.title') } onCloseClick={ () => setSanctionInfo(null) } />
             <NitroCardContentView className="text-black">
                 <Grid>
                     <Column center size={ 5 } overflow="hidden">
@@ -63,7 +63,7 @@ export const SanctionSatusView:FC<{}> = props =>
                                 {((sanctionInfo.probationHoursLeft > 0) || (sanctionInfo.isSanctionActive)) &&
                                     <div className="col-12 fw-bold">{LocalizeText('help.sanction.probation.reminder')}</div>
                                 }
-                                <div className={`col-12 fw-bold ${sanctionInfo.isSanctionNew ? 'text-danger' : ''}`}>
+                                <div className={ `col-12 fw-bold ${ sanctionInfo.isSanctionNew ? 'text-danger' : '' }` }>
                                     {LocalizeText('help.sanction.last.sanction')} {sanctionLocalization('current', sanctionInfo.sanctionName, sanctionInfo.sanctionLengthHours)}
                                 </div>
                                 <div className="col-12">{LocalizeText('generic.start.time')} {sanctionInfo.sanctionCreationTime}</div>
diff --git a/src/components/help/views/SelectReportedUserView.tsx b/src/components/help/views/SelectReportedUserView.tsx
index 363efdc4..c2d267b7 100644
--- a/src/components/help/views/SelectReportedUserView.tsx
+++ b/src/components/help/views/SelectReportedUserView.tsx
@@ -75,7 +75,7 @@ export const SelectReportedUserView: FC<{}> = props =>
                         {
                             return (
                                 <LayoutGridItem key={ user.id } onClick={ event => selectUser(user.id) } itemActive={ (selectedUserId === user.id) }>
-                                    <span dangerouslySetInnerHTML={{ __html: (user.username) }} />
+                                    <span dangerouslySetInnerHTML={ { __html: (user.username) } } />
                                 </LayoutGridItem>
                             );
                         }) }
diff --git a/src/components/help/views/name-change/NameChangeInputView.tsx b/src/components/help/views/name-change/NameChangeInputView.tsx
index e406c4df..d35d8107 100644
--- a/src/components/help/views/name-change/NameChangeInputView.tsx
+++ b/src/components/help/views/name-change/NameChangeInputView.tsx
@@ -79,11 +79,11 @@ export const NameChangeInputView:FC<NameChangeLayoutViewProps> = props =>
         <div className="d-flex flex-column gap-3 h-100">
             <div>{ LocalizeText('tutorial.name_change.info.select') }</div>
             <div className="d-flex gap-2">
-                <input type="text" className="form-control form-control-sm" value={newUsername} onChange={ (e) => handleUsernameChange(e.target.value) } />
+                <input type="text" className="form-control form-control-sm" value={ newUsername } onChange={ (e) => handleUsernameChange(e.target.value) } />
                 <button className="btn btn-primary" disabled={ newUsername === '' || isChecking } onClick={ check }>{ LocalizeText('tutorial.name_change.check') }</button>
             </div>
             { !errorCode && !canProceed && <div className="bg-muted rounded p-2 text-center">{ LocalizeText('help.tutorial.name.info') }</div> }
-            { errorCode && <div className="bg-danger rounded p-2 text-center text-white">{ LocalizeText(`help.tutorial.name.${errorCode}`, [ 'name' ], [ newUsername ]) }</div> }
+            { errorCode && <div className="bg-danger rounded p-2 text-center text-white">{ LocalizeText(`help.tutorial.name.${ errorCode }`, [ 'name' ], [ newUsername ]) }</div> }
             { canProceed && <div className="bg-success rounded p-2 text-center text-white">{ LocalizeText('help.tutorial.name.available', [ 'name' ], [ newUsername ]) }</div> }
             { suggestions && <div className="d-flex flex-column gap-2">
                 {
diff --git a/src/components/help/views/name-change/NameChangeView.tsx b/src/components/help/views/name-change/NameChangeView.tsx
index ecca6965..b5f12190 100644
--- a/src/components/help/views/name-change/NameChangeView.tsx
+++ b/src/components/help/views/name-change/NameChangeView.tsx
@@ -57,7 +57,7 @@ export const NameChangeView:FC<{}> = props =>
 
     return (
         <NitroCardView className="nitro-change-username" theme="primary-slim">
-            <NitroCardHeaderView headerText={LocalizeText(titleKey)} onCloseClick={ () => onAction('close') } />
+            <NitroCardHeaderView headerText={ LocalizeText(titleKey) } onCloseClick={ () => onAction('close') } />
             <NitroCardContentView className="text-black">
                 { layout === INIT && <NameChangeInitView onAction={ onAction } /> }
                 { layout === INPUT && <NameChangeInputView onAction={ onAction } /> }
diff --git a/src/components/hotel-view/HotelView.tsx b/src/components/hotel-view/HotelView.tsx
index 51d3eeab..c821eaa1 100644
--- a/src/components/hotel-view/HotelView.tsx
+++ b/src/components/hotel-view/HotelView.tsx
@@ -39,67 +39,67 @@ export const HotelView: FC<{}> = props =>
     const right = GetConfigurationManager().interpolate(GetConfiguration('hotelview')['images']['right']);
 
     return (
-        <div className="nitro-hotel-view" style={(backgroundColor && backgroundColor) ? { background: backgroundColor } : {}}>
+        <div className="nitro-hotel-view" style={ (backgroundColor && backgroundColor) ? { background: backgroundColor } : {} }>
             <div className="container h-100 py-3 overflow-hidden landing-widgets">
                 <div className="row h-100">
                     <div className="col-9 h-100 d-flex flex-column">
                         <WidgetSlotView
                             widgetSlot={ 1 }
-                            widgetType={GetConfiguration('hotelview')['widgets']['slot.' + 1 + '.widget']}
-                            widgetConf={GetConfiguration('hotelview')['widgets']['slot.' + 1 + '.conf']}
+                            widgetType={ GetConfiguration('hotelview')['widgets']['slot.' + 1 + '.widget'] }
+                            widgetConf={ GetConfiguration('hotelview')['widgets']['slot.' + 1 + '.conf'] }
                             className="col-6"
                         />
                         <div className="col-12 row mx-0">
                             <WidgetSlotView
                                 widgetSlot={ 2 }
-                                widgetType={GetConfiguration('hotelview')['widgets']['slot.' + 2 + '.widget']}
-                                widgetConf={GetConfiguration('hotelview')['widgets']['slot.' + 2 + '.conf']}
+                                widgetType={ GetConfiguration('hotelview')['widgets']['slot.' + 2 + '.widget'] }
+                                widgetConf={ GetConfiguration('hotelview')['widgets']['slot.' + 2 + '.conf'] }
                                 className="col-7"
                             />
                             <WidgetSlotView
                                 widgetSlot={ 3 }
-                                widgetType={GetConfiguration('hotelview')['widgets']['slot.' + 3 + '.widget']}
-                                widgetConf={GetConfiguration('hotelview')['widgets']['slot.' + 3 + '.conf']}
+                                widgetType={ GetConfiguration('hotelview')['widgets']['slot.' + 3 + '.widget'] }
+                                widgetConf={ GetConfiguration('hotelview')['widgets']['slot.' + 3 + '.conf'] }
                                 className="col-5"
                             />
                             <WidgetSlotView
                                 widgetSlot={ 4 }
-                                widgetType={GetConfiguration('hotelview')['widgets']['slot.' + 4 + '.widget']}
-                                widgetConf={GetConfiguration('hotelview')['widgets']['slot.' + 4 + '.conf']}
+                                widgetType={ GetConfiguration('hotelview')['widgets']['slot.' + 4 + '.widget'] }
+                                widgetConf={ GetConfiguration('hotelview')['widgets']['slot.' + 4 + '.conf'] }
                                 className="col-7"
                             />
                             <WidgetSlotView
                                 widgetSlot={ 5 }
-                                widgetType={GetConfiguration('hotelview')['widgets']['slot.' + 5 + '.widget']}
-                                widgetConf={GetConfiguration('hotelview')['widgets']['slot.' + 5 + '.conf']}
+                                widgetType={ GetConfiguration('hotelview')['widgets']['slot.' + 5 + '.widget'] }
+                                widgetConf={ GetConfiguration('hotelview')['widgets']['slot.' + 5 + '.conf'] }
                                 className="col-5"
                             />
                         </div>
                         <WidgetSlotView
                             widgetSlot={ 6 }
-                            widgetType={GetConfiguration('hotelview')['widgets']['slot.' + 6 + '.widget']}
-                            widgetConf={GetConfiguration('hotelview')['widgets']['slot.' + 6 + '.conf']}
+                            widgetType={ GetConfiguration('hotelview')['widgets']['slot.' + 6 + '.widget'] }
+                            widgetConf={ GetConfiguration('hotelview')['widgets']['slot.' + 6 + '.conf'] }
                             className="mt-auto"
                         />
                     </div>
                     <div className="col-3 h-100">
                         <WidgetSlotView
                             widgetSlot={ 7 }
-                            widgetType={GetConfiguration('hotelview')['widgets']['slot.' + 7 + '.widget']}
-                            widgetConf={GetConfiguration('hotelview')['widgets']['slot.' + 7 +'.conf']}
+                            widgetType={ GetConfiguration('hotelview')['widgets']['slot.' + 7 + '.widget'] }
+                            widgetConf={ GetConfiguration('hotelview')['widgets']['slot.' + 7 +'.conf'] }
                         />
                     </div>
                 </div>
             </div>
-            <div className="background position-absolute" style={(background && background.length) ? { backgroundImage: `url(${background})` } : {}} />
-            <div className="sun position-absolute" style={(sun && sun.length) ? { backgroundImage: `url(${sun})` } : {}} />
-            <div className="drape position-absolute" style={(drape && drape.length) ? { backgroundImage: `url(${drape})` } : {}} />
-            <div className="left position-absolute" style={(left && left.length) ? { backgroundImage: `url(${left})` } : {}} />
-            <div className="right-repeat position-absolute" style={(rightRepeat && rightRepeat.length) ? { backgroundImage: `url(${rightRepeat})` } : {}} />
-            <div className="right position-absolute" style={(right && right.length) ? { backgroundImage: `url(${right})` } : {}} />
+            <div className="background position-absolute" style={ (background && background.length) ? { backgroundImage: `url(${ background })` } : {} } />
+            <div className="sun position-absolute" style={ (sun && sun.length) ? { backgroundImage: `url(${ sun })` } : {} } />
+            <div className="drape position-absolute" style={ (drape && drape.length) ? { backgroundImage: `url(${ drape })` } : {} } />
+            <div className="left position-absolute" style={ (left && left.length) ? { backgroundImage: `url(${ left })` } : {} } />
+            <div className="right-repeat position-absolute" style={ (rightRepeat && rightRepeat.length) ? { backgroundImage: `url(${ rightRepeat })` } : {} } />
+            <div className="right position-absolute" style={ (right && right.length) ? { backgroundImage: `url(${ right })` } : {} } />
             {GetConfiguration('hotelview')['show.avatar'] && (
                 <div className="avatar-image">
-                    <LayoutAvatarImageView figure={userFigure} direction={2} />
+                    <LayoutAvatarImageView figure={ userFigure } direction={ 2 } />
                 </div>
             )}
         </div>
diff --git a/src/components/hotel-view/views/widgets/GetWidgetLayout.tsx b/src/components/hotel-view/views/widgets/GetWidgetLayout.tsx
index f5fafe61..16481768 100644
--- a/src/components/hotel-view/views/widgets/GetWidgetLayout.tsx
+++ b/src/components/hotel-view/views/widgets/GetWidgetLayout.tsx
@@ -18,11 +18,11 @@ export const GetWidgetLayout: FC<GetWidgetLayoutProps> = props =>
         case 'promoarticle':
             return <PromoArticleWidgetView />;
         case 'achievementcompetition_hall_of_fame':
-            return <HallOfFameWidgetView slot={props.slot} conf={props.widgetConf} />;
+            return <HallOfFameWidgetView slot={ props.slot } conf={ props.widgetConf } />;
         case 'bonusrare':
             return <BonusRareWidgetView />;
         case 'widgetcontainer':
-            return <WidgetContainerView conf={props.widgetConf} />
+            return <WidgetContainerView conf={ props.widgetConf } />
         default:
             return null;
     }
diff --git a/src/components/hotel-view/views/widgets/WidgetSlotView.tsx b/src/components/hotel-view/views/widgets/WidgetSlotView.tsx
index 380a61c5..564184f8 100644
--- a/src/components/hotel-view/views/widgets/WidgetSlotView.tsx
+++ b/src/components/hotel-view/views/widgets/WidgetSlotView.tsx
@@ -13,8 +13,8 @@ export const WidgetSlotView: FC<WidgetSlotViewProps> = props =>
     const { widgetType = null, widgetSlot = 0, widgetConf = null, className= '', ...rest } = props;
     
     return (
-        <div className={`widget-slot slot-${widgetSlot} ${(className || '')}`}  { ...rest }>
-            <GetWidgetLayout widgetType={widgetType} slot={widgetSlot} widgetConf={widgetConf} />
+        <div className={ `widget-slot slot-${ widgetSlot } ${ (className || '') }` } { ...rest }>
+            <GetWidgetLayout widgetType={ widgetType } slot={ widgetSlot } widgetConf={ widgetConf } />
         </div>
     );
 }
diff --git a/src/components/hotel-view/views/widgets/bonus-rare/BonusRareWidgetView.tsx b/src/components/hotel-view/views/widgets/bonus-rare/BonusRareWidgetView.tsx
index 5cc195bf..cf11987f 100644
--- a/src/components/hotel-view/views/widgets/bonus-rare/BonusRareWidgetView.tsx
+++ b/src/components/hotel-view/views/widgets/bonus-rare/BonusRareWidgetView.tsx
@@ -37,7 +37,7 @@ export const BonusRareWidgetView: FC<BonusRareWidgetViewProps> = props =>
             { productType }
             <div className="bg-light-dark rounded overflow-hidden position-relative bonus-bar-container">
                 <div className="d-flex justify-content-center align-items-center w-100 h-100 position-absolute small top-0">{(totalCoinsForBonus - coinsStillRequiredToBuy) + '/' + totalCoinsForBonus}</div>
-                <div className="small bg-info rounded position-absolute top-0 h-100" style={{ width: ((totalCoinsForBonus - coinsStillRequiredToBuy) / totalCoinsForBonus) * 100 + '%' }}></div>
+                <div className="small bg-info rounded position-absolute top-0 h-100" style={ { width: ((totalCoinsForBonus - coinsStillRequiredToBuy) / totalCoinsForBonus) * 100 + '%' } }></div>
             </div>
         </div>
     );
diff --git a/src/components/hotel-view/views/widgets/promo-article/PromoArticleWidgetView.tsx b/src/components/hotel-view/views/widgets/promo-article/PromoArticleWidgetView.tsx
index 6153cb15..522e5eb5 100644
--- a/src/components/hotel-view/views/widgets/promo-article/PromoArticleWidgetView.tsx
+++ b/src/components/hotel-view/views/widgets/promo-article/PromoArticleWidgetView.tsx
@@ -3,55 +3,46 @@ import { FC, useCallback, useEffect, useState } from 'react';
 import { LocalizeText, NotificationUtilities, SendMessageComposer } from '../../../../../api';
 import { UseMessageEventHook } from '../../../../../hooks';
 
-export interface PromoArticleWidgetViewProps
-{}
-
-export const PromoArticleWidgetView: FC<PromoArticleWidgetViewProps> = props =>
+export const PromoArticleWidgetView: FC<{}> = props =>
 {
     const [ articles, setArticles ] = useState<PromoArticleData[]>(null);
-  	const [ index, setIndex ] = useState(0);
+    const [ index, setIndex ] = useState(0);
 
-  	const handleSelect = (selectedIndex) => 
-  	{
-    	setIndex(selectedIndex);
-  	};
+    const onPromoArticlesMessageEvent = useCallback((event: PromoArticlesMessageEvent) =>
+    {
+        const parser = event.getParser();
+        setArticles(parser.articles);
+    }, []);
 
-  	const onPromoArticlesMessageEvent = useCallback((event: PromoArticlesMessageEvent) =>
-  	{
-    	const parser = event.getParser();
-    	setArticles(parser.articles);
-  	}, []);
+    UseMessageEventHook(PromoArticlesMessageEvent, onPromoArticlesMessageEvent);
 
-  	UseMessageEventHook(PromoArticlesMessageEvent, onPromoArticlesMessageEvent);
+    useEffect(() =>
+    {
+        SendMessageComposer(new GetPromoArticlesComposer());
+    }, []);
 
-	  useEffect(() =>
-  	{
-    	SendMessageComposer(new GetPromoArticlesComposer());
-  	}, []);
+    if(!articles) return null;
 
-  	if(!articles) return null;
-
-  	return (
+    return (
         <div className="promo-articles widget mb-2">
             <div className="d-flex flex-row align-items-center w-100 mb-1">
                 <small className="flex-shrink-0 pe-1">{ LocalizeText('landing.view.promo.article.header') }</small>
-			  	<hr className="w-100 my-0"/>
+                <hr className="w-100 my-0"/>
             </div>
-		  	<div className="d-flex flex-row mb-1">
+            <div className="d-flex flex-row mb-1">
                 {articles && (articles.length > 0) && articles.map((article, ind) =>
-                    <div className={'promo-articles-bullet cursor-pointer ' + (article === articles[index] ? 'promo-articles-bullet-active' : '')} key={article.id} onClick={event => handleSelect(ind)} />
+                    <div className={ 'promo-articles-bullet cursor-pointer ' + (article === articles[index] ? 'promo-articles-bullet-active' : '') } key={ article.id } onClick={ event => setIndex(ind) } />
                 )}
             </div>
-    		{articles && articles[index] &&
-				<div className="promo-article d-flex flex-row row mx-0">
-			  		<div className="promo-article-image" style={ { backgroundImage: `url(${articles[index].imageUrl})` } }/>
-				    <div className="col-3 d-flex flex-column h-100">
-				        <h3 className="my-0">{articles[index].title}</h3>
-				        <b>{ articles[index].bodyText }</b>
-				        <button className="btn btn-sm mt-auto btn-gainsboro" onClick={event => NotificationUtilities.openUrl(articles[index].linkContent)}>{ articles[index].buttonText }</button>
-				    </div>
-          		</div>
-       		}
-    	</div>
-  	);
+            {articles && articles[index] &&
+                <div className="promo-article d-flex flex-row row mx-0">
+                    <div className="promo-article-image" style={ { backgroundImage: `url(${ articles[index].imageUrl })` } }/>
+                    <div className="col-3 d-flex flex-column h-100">
+                        <h3 className="my-0">{articles[index].title}</h3>
+                        <b>{ articles[index].bodyText }</b>
+                        <button className="btn btn-sm mt-auto btn-gainsboro" onClick={ event => NotificationUtilities.openUrl(articles[index].linkContent) }>{ articles[index].buttonText }</button>
+                    </div>
+                </div> }
+        </div>
+    );
 }
diff --git a/src/components/hotel-view/views/widgets/widget-container/WidgetContainerView.tsx b/src/components/hotel-view/views/widgets/widget-container/WidgetContainerView.tsx
index 41cd2785..d6a096f7 100644
--- a/src/components/hotel-view/views/widgets/widget-container/WidgetContainerView.tsx
+++ b/src/components/hotel-view/views/widgets/widget-container/WidgetContainerView.tsx
@@ -27,12 +27,12 @@ export const WidgetContainerView: FC<WidgetContainerViewProps> = props =>
 
   	return (
         <div className="widgetcontainer widget d-flex flex-row overflow-hidden">
-            <div className="widgetcontainer-image flex-shrink-0" style={{ backgroundImage: `url(${getOption('image')})` }} />
+            <div className="widgetcontainer-image flex-shrink-0" style={ { backgroundImage: `url(${ getOption('image') })` } } />
             <div className="d-flex flex-column align-self-center">
-                <h3 className="my-0">{LocalizeText(`landing.view.${getOption('texts')}.header`)}</h3>
-                <i>{ LocalizeText(`landing.view.${getOption('texts')}.body`) }</i>
-                <button className="btn btn-sm btn-gainsboro align-self-start px-3 mt-auto" onClick={event => NotificationUtilities.openUrl(getOption('btnLink'))}>{ LocalizeText(`landing.view.${getOption('texts')}.button`) }</button>
+                <h3 className="my-0">{LocalizeText(`landing.view.${ getOption('texts') }.header`)}</h3>
+                <i>{ LocalizeText(`landing.view.${ getOption('texts') }.body`) }</i>
+                <button className="btn btn-sm btn-gainsboro align-self-start px-3 mt-auto" onClick={ event => NotificationUtilities.openUrl(getOption('btnLink')) }>{ LocalizeText(`landing.view.${ getOption('texts') }.button`) }</button>
             </div>
-    	</div>
+        </div>
   	);
 }
diff --git a/src/components/inventory/InventoryView.tsx b/src/components/inventory/InventoryView.tsx
index e23576bc..96077c8a 100644
--- a/src/components/inventory/InventoryView.tsx
+++ b/src/components/inventory/InventoryView.tsx
@@ -123,7 +123,7 @@ export const InventoryView: FC<{}> = props =>
     if(!isVisible) return null;
 
     return (
-        <NitroCardView uniqueKey={'inventory'} className="nitro-inventory" theme={ isTrading ? 'primary-slim' : '' } >
+        <NitroCardView uniqueKey={ 'inventory' } className="nitro-inventory" theme={ isTrading ? 'primary-slim' : '' } >
             <NitroCardHeaderView headerText={ LocalizeText('inventory.title') } onCloseClick={ close } />
             { !isTrading &&
                 <>
diff --git a/src/components/inventory/views/furniture/InventoryTradeView.tsx b/src/components/inventory/views/furniture/InventoryTradeView.tsx
index 264171a9..2f0a7d0e 100644
--- a/src/components/inventory/views/furniture/InventoryTradeView.tsx
+++ b/src/components/inventory/views/furniture/InventoryTradeView.tsx
@@ -160,9 +160,9 @@ export const InventoryTradeView: FC<InventoryTradeViewProps> = props =>
                             return (
                                 <LayoutGridItem key={ index } className={ !count ? 'opacity-0-5 ' : '' } itemImage={ item.iconUrl } itemCount={ count } itemActive={ (groupItem === item) } itemUniqueNumber={ item.stuffData.uniqueNumber } onClick={ event => (count && setGroupItem(item)) }>
                                     { ((count > 0) && (groupItem === item)) &&
-                                            <Button position="absolute" variant="success" className="trade-button bottom-1 end-1" onClick={ event => attemptItemOffer(1) }>
-                                                <FontAwesomeIcon icon="chevron-right" />
-                                            </Button> }
+                                    <Button position="absolute" variant="success" className="trade-button bottom-1 end-1" onClick={ event => attemptItemOffer(1) }>
+                                        <FontAwesomeIcon icon="chevron-right" />
+                                    </Button> }
                                 </LayoutGridItem>
                             );
                         }) }
@@ -189,9 +189,9 @@ export const InventoryTradeView: FC<InventoryTradeViewProps> = props =>
                                 return (
                                     <LayoutGridItem key={ i } itemActive={ (ownGroupItem === item) } itemImage={ item.iconUrl } itemCount={ item.getTotalCount() } itemUniqueNumber={ item.stuffData.uniqueNumber } onClick={ event => setOwnGroupItem(item) }>
                                         { (ownGroupItem === item) &&
-                                                <Button position="absolute" variant="danger" className="trade-button bottom-1 start-1" onClick={ event => removeItem(item) }>
-                                                    <FontAwesomeIcon icon="chevron-left" />
-                                                </Button> }
+                                        <Button position="absolute" variant="danger" className="trade-button bottom-1 start-1" onClick={ event => removeItem(item) }>
+                                            <FontAwesomeIcon icon="chevron-left" />
+                                        </Button> }
                                     </LayoutGridItem>
                                 );
                             }) }
diff --git a/src/components/mod-tools/ModToolsView.tsx b/src/components/mod-tools/ModToolsView.tsx
index 0a0e4d7c..3b0c9ae9 100644
--- a/src/components/mod-tools/ModToolsView.tsx
+++ b/src/components/mod-tools/ModToolsView.tsx
@@ -214,12 +214,12 @@ export const ModToolsView: FC<{}> = props =>
             }
             { openUserInfo && openUserInfo.map(userId =>
             {
-                return <ModToolsUserView key={userId} userId={userId} onCloseClick={ () => handleClick('close_user_info', userId.toString())}/>
+                return <ModToolsUserView key={ userId } userId={ userId } onCloseClick={ () => handleClick('close_user_info', userId.toString()) }/>
             })
             }
             { openUserChatlogs && openUserChatlogs.map(userId =>
             {
-                return <ModToolsUserChatlogView key={userId} userId={userId} onCloseClick={ () => handleClick('close_user_chatlog', userId.toString())}/>
+                return <ModToolsUserChatlogView key={ userId } userId={ userId } onCloseClick={ () => handleClick('close_user_chatlog', userId.toString()) }/>
             })
             }
             
diff --git a/src/components/mod-tools/views/chatlog/ChatlogView.tsx b/src/components/mod-tools/views/chatlog/ChatlogView.tsx
index 0018f187..0b7c1979 100644
--- a/src/components/mod-tools/views/chatlog/ChatlogView.tsx
+++ b/src/components/mod-tools/views/chatlog/ChatlogView.tsx
@@ -124,7 +124,7 @@ export const ChatlogView: FC<ChatlogViewProps> = props =>
     return (
         <>
             { (records && (records.length === 1)) &&
-                <RoomInfo roomId={records[0].roomId} roomName={records[0].roomName} uniqueKey={ null } style={ {} } /> }
+                <RoomInfo roomId={ records[0].roomId } roomName={ records[0].roomName } uniqueKey={ null } style={ {} } /> }
             <Column fit gap={ 0 } overflow="hidden">
                 <Column gap={ 2 }>
                     <Grid gap={ 1 } className="text-black fw-bold border-bottom pb-1">
diff --git a/src/components/mod-tools/views/room/ModToolsChatlogView.tsx b/src/components/mod-tools/views/room/ModToolsChatlogView.tsx
index 6392942f..bd595d22 100644
--- a/src/components/mod-tools/views/room/ModToolsChatlogView.tsx
+++ b/src/components/mod-tools/views/room/ModToolsChatlogView.tsx
@@ -35,7 +35,7 @@ export const ModToolsChatlogView: FC<ModToolsChatlogViewProps> = props =>
     if(!roomChatlog) return null;
 
     return (
-        <NitroCardView className="nitro-mod-tools-chatlog" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT}>
+        <NitroCardView className="nitro-mod-tools-chatlog" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT }>
             <NitroCardHeaderView headerText={ `Room Chatlog ${ roomChatlog.roomName }` } onCloseClick={ onCloseClick } />
             <NitroCardContentView className="text-black h-100">
                 { roomChatlog &&
diff --git a/src/components/mod-tools/views/room/ModToolsRoomView.tsx b/src/components/mod-tools/views/room/ModToolsRoomView.tsx
index c16bdc40..e31f840a 100644
--- a/src/components/mod-tools/views/room/ModToolsRoomView.tsx
+++ b/src/components/mod-tools/views/room/ModToolsRoomView.tsx
@@ -76,7 +76,7 @@ export const ModToolsRoomView: FC<ModToolsRoomViewProps> = props =>
     }, [ roomId, infoRequested, setInfoRequested ]);
 
     return (
-        <NitroCardView className="nitro-mod-tools-room" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT}>
+        <NitroCardView className="nitro-mod-tools-room" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT }>
             <NitroCardHeaderView headerText={ 'Room Info' + (name ? ': ' + name : '') } onCloseClick={ event => onCloseClick() } />
             <NitroCardContentView className="text-black">
                 <Flex gap={ 2 }>
diff --git a/src/components/mod-tools/views/tickets/CfhChatlogView.tsx b/src/components/mod-tools/views/tickets/CfhChatlogView.tsx
index 1163a79d..16ced18c 100644
--- a/src/components/mod-tools/views/tickets/CfhChatlogView.tsx
+++ b/src/components/mod-tools/views/tickets/CfhChatlogView.tsx
@@ -34,9 +34,9 @@ export const CfhChatlogView: FC<CfhChatlogViewProps> = props =>
 
     return (
         <NitroCardView className="nitro-mod-tools-chatlog" theme="primary-slim">
-            <NitroCardHeaderView headerText={'Issue Chatlog'} onCloseClick={onCloseClick} />
+            <NitroCardHeaderView headerText={ 'Issue Chatlog' } onCloseClick={ onCloseClick } />
             <NitroCardContentView className="text-black">
-                { chatlogData && <ChatlogView records={[ chatlogData.chatRecord ]} />}
+                { chatlogData && <ChatlogView records={ [ chatlogData.chatRecord ] } />}
             </NitroCardContentView>
         </NitroCardView>
     );
diff --git a/src/components/mod-tools/views/tickets/ModToolsIssueInfoView.tsx b/src/components/mod-tools/views/tickets/ModToolsIssueInfoView.tsx
index b49ccef6..ac34d5b3 100644
--- a/src/components/mod-tools/views/tickets/ModToolsIssueInfoView.tsx
+++ b/src/components/mod-tools/views/tickets/ModToolsIssueInfoView.tsx
@@ -47,7 +47,7 @@ export const ModToolsIssueInfoView: FC<IssueInfoViewProps> = props =>
     return (
         <>
             <NitroCardView className="nitro-mod-tools-handle-issue" theme="primary-slim">
-                <NitroCardHeaderView headerText={'Resolving issue ' + issueId} onCloseClick={() => onIssueInfoClosed(issueId)} />
+                <NitroCardHeaderView headerText={ 'Resolving issue ' + issueId } onCloseClick={ () => onIssueInfoClosed(issueId) } />
                 <NitroCardContentView className="text-black">
                     <Text fontSize={ 4 }>Issue Information</Text>
                     <Grid overflow="auto">
@@ -86,7 +86,7 @@ export const ModToolsIssueInfoView: FC<IssueInfoViewProps> = props =>
                             <Button onClick={ event => closeIssue(CloseIssuesMessageComposer.RESOLUTION_USELESS) }>Close as useless</Button>
                             <Button variant="danger" onClick={ event => closeIssue(CloseIssuesMessageComposer.RESOLUTION_ABUSIVE) }>Close as abusive</Button>
                             <Button variant="success" onClick={ event => closeIssue(CloseIssuesMessageComposer.RESOLUTION_RESOLVED) }>Close as resolved</Button> 
-                            <Button variant="secondary" onClick={ event => releaseIssue(issueId)} >Release</Button>
+                            <Button variant="secondary" onClick={ event => releaseIssue(issueId) } >Release</Button>
                         </Column>
                     </Grid>
                 </NitroCardContentView>
diff --git a/src/components/mod-tools/views/tickets/ModToolsTicketsView.tsx b/src/components/mod-tools/views/tickets/ModToolsTicketsView.tsx
index 74eb08f4..b7c00967 100644
--- a/src/components/mod-tools/views/tickets/ModToolsTicketsView.tsx
+++ b/src/components/mod-tools/views/tickets/ModToolsTicketsView.tsx
@@ -77,9 +77,9 @@ export const ModToolsTicketsView: FC<ModToolsTicketsViewProps> = props =>
     {
         switch(currentTab)
         {
-            case 0: return <ModToolsOpenIssuesTabView openIssues={openIssues}/>;
-            case 1: return <ModToolsMyIssuesTabView myIssues={myIssues} onIssueHandleClick={onIssueHandleClicked}/>;
-            case 2: return <ModToolsPickedIssuesTabView pickedIssues={pickedIssues}/>;
+            case 0: return <ModToolsOpenIssuesTabView openIssues={ openIssues }/>;
+            case 1: return <ModToolsMyIssuesTabView myIssues={ myIssues } onIssueHandleClick={ onIssueHandleClicked }/>;
+            case 2: return <ModToolsPickedIssuesTabView pickedIssues={ pickedIssues }/>;
             default: return null;
         }
     }, [ currentTab, myIssues, onIssueHandleClicked, openIssues, pickedIssues ]);
diff --git a/src/components/mod-tools/views/user/ModToolsUserChatlogView.tsx b/src/components/mod-tools/views/user/ModToolsUserChatlogView.tsx
index e0c961fa..784a68b0 100644
--- a/src/components/mod-tools/views/user/ModToolsUserChatlogView.tsx
+++ b/src/components/mod-tools/views/user/ModToolsUserChatlogView.tsx
@@ -35,11 +35,11 @@ export const ModToolsUserChatlogView: FC<ModToolsUserChatlogViewProps> = props =
     }, [ userId ]);
 
     return (
-        <NitroCardView className="nitro-mod-tools-chatlog" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT}>
+        <NitroCardView className="nitro-mod-tools-chatlog" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT }>
             <NitroCardHeaderView headerText={ `User Chatlog: ${ username || '' }` } onCloseClick={ onCloseClick } />
             <NitroCardContentView className="text-black h-100">
                 { userChatlog &&
-                    <ChatlogView records={userChatlog} /> }
+                    <ChatlogView records={ userChatlog } /> }
             </NitroCardContentView>
         </NitroCardView>
     );
diff --git a/src/components/mod-tools/views/user/ModToolsUserModActionView.tsx b/src/components/mod-tools/views/user/ModToolsUserModActionView.tsx
index e460cceb..5d8f1bf3 100644
--- a/src/components/mod-tools/views/user/ModToolsUserModActionView.tsx
+++ b/src/components/mod-tools/views/user/ModToolsUserModActionView.tsx
@@ -62,7 +62,7 @@ export const ModToolsUserModActionView: FC<ModToolsUserModActionViewProps> = pro
         const category = topics[selectedTopic];
         if(selectedTopic === -1) errorMessage = 'You must select a CFH topic';
         if(errorMessage) return sendAlert(errorMessage);
-        const messageOrDefault = (message.trim().length === 0) ? LocalizeText(`help.cfh.topic.${category.id}`) : message;
+        const messageOrDefault = (message.trim().length === 0) ? LocalizeText(`help.cfh.topic.${ category.id }`) : message;
         SendMessageComposer(new DefaultSanctionMessageComposer(user.userId, selectedTopic, messageOrDefault));
         onCloseClick();
     }
@@ -139,7 +139,7 @@ export const ModToolsUserModActionView: FC<ModToolsUserModActionViewProps> = pro
                     return;
                 }
 
-                SendMessageComposer(new ModMessageMessageComposer(user.userId, message,  category.id));
+                SendMessageComposer(new ModMessageMessageComposer(user.userId, message, category.id));
                 break;
             }
         }
@@ -150,8 +150,8 @@ export const ModToolsUserModActionView: FC<ModToolsUserModActionViewProps> = pro
     if(!user) return null;
 
     return (
-        <NitroCardView className="nitro-mod-tools-user-action" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT}>
-            <NitroCardHeaderView headerText={'Mod Action: ' + (user ? user.username : '')} onCloseClick={ () => onCloseClick() } />
+        <NitroCardView className="nitro-mod-tools-user-action" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT }>
+            <NitroCardHeaderView headerText={ 'Mod Action: ' + (user ? user.username : '') } onCloseClick={ () => onCloseClick() } />
             <NitroCardContentView className="text-black">
                 <select className="form-select form-select-sm" value={ selectedTopic } onChange={ event => setSelectedTopic(parseInt(event.target.value)) }>
                     <option value={ -1 } disabled>CFH Topic</option>
@@ -165,7 +165,7 @@ export const ModToolsUserModActionView: FC<ModToolsUserModActionViewProps> = pro
                     <Text small>Optional message type, overrides default</Text>
                     <textarea className="form-control" value={ message } onChange={ event => setMessage(event.target.value) }/>
                 </Column>
-                <Flex justifyContent="between" gap={1}>
+                <Flex justifyContent="between" gap={ 1 }>
                     <Button variant="primary" onClick={ sendDefaultSanction }>Default Sanction</Button>
                     <Button variant="success" onClick={ sendSanction }>Sanction</Button>
                 </Flex>
diff --git a/src/components/mod-tools/views/user/ModToolsUserRoomVisitsView.tsx b/src/components/mod-tools/views/user/ModToolsUserRoomVisitsView.tsx
index 93a7b7b5..7a0b6d04 100644
--- a/src/components/mod-tools/views/user/ModToolsUserRoomVisitsView.tsx
+++ b/src/components/mod-tools/views/user/ModToolsUserRoomVisitsView.tsx
@@ -48,7 +48,7 @@ export const ModToolsUserRoomVisitsView: FC<ModToolsUserRoomVisitsViewProps> = p
     if(!userId) return null;
 
     return (
-        <NitroCardView className="nitro-mod-tools-user-visits" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT}>
+        <NitroCardView className="nitro-mod-tools-user-visits" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT }>
             <NitroCardHeaderView headerText={ 'User Visits' } onCloseClick={ onCloseClick } />
             <NitroCardContentView className="text-black" gap={ 1 }>
                 <Column fullHeight gap={ 0 } overflow="hidden">
@@ -70,7 +70,7 @@ export const ModToolsUserRoomVisitsView: FC<ModToolsUserRoomVisitsViewProps> = p
                                             height={ height }
                                             rowCount={ roomVisitData.rooms.length }
                                             rowHeight={ 25 }
-                                            className={'log-entry-container' }
+                                            className={ 'log-entry-container' }
                                             rowRenderer={ RowRenderer }
                                         />
                                     );
diff --git a/src/components/mod-tools/views/user/ModToolsUserSendMessageView.tsx b/src/components/mod-tools/views/user/ModToolsUserSendMessageView.tsx
index 1332bed9..11da97a0 100644
--- a/src/components/mod-tools/views/user/ModToolsUserSendMessageView.tsx
+++ b/src/components/mod-tools/views/user/ModToolsUserSendMessageView.tsx
@@ -34,8 +34,8 @@ export const ModToolsUserSendMessageView: FC<ModToolsUserSendMessageViewProps> =
     if(!user) return null;
 
     return (
-        <NitroCardView className="nitro-mod-tools-user-message" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT}>
-            <NitroCardHeaderView headerText={'Send Message'} onCloseClick={ () => onCloseClick() } />
+        <NitroCardView className="nitro-mod-tools-user-message" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT }>
+            <NitroCardHeaderView headerText={ 'Send Message' } onCloseClick={ () => onCloseClick() } />
             <NitroCardContentView className="text-black">
                 <Text>Message To: { user.username }</Text>
                 <textarea className="form-control" value={ message } onChange={ event => setMessage(event.target.value) }></textarea>
diff --git a/src/components/mod-tools/views/user/ModToolsUserView.tsx b/src/components/mod-tools/views/user/ModToolsUserView.tsx
index bf35ddf9..97c399d3 100644
--- a/src/components/mod-tools/views/user/ModToolsUserView.tsx
+++ b/src/components/mod-tools/views/user/ModToolsUserView.tsx
@@ -107,7 +107,7 @@ export const ModToolsUserView: FC<ModToolsUserViewProps> = props =>
 
     return (
         <>
-            <NitroCardView className="nitro-mod-tools-user" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT}>
+            <NitroCardView className="nitro-mod-tools-user" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT }>
                 <NitroCardHeaderView headerText={ LocalizeText('modtools.userinfo.title', [ 'username' ], [ userInfo.userName ]) } onCloseClick={ () => onCloseClick() } />
                 <NitroCardContentView className="text-black">
                     <Grid overflow="hidden">
@@ -123,7 +123,7 @@ export const ModToolsUserView: FC<ModToolsUserViewProps> = props =>
                                                 <td>
                                                     { property.value }
                                                     { property.showOnline &&
-                                                            <i className={ `icon icon-pf-${ userInfo.online ? 'online' : 'offline' } ms-2` } /> }
+                                                    <i className={ `icon icon-pf-${ userInfo.online ? 'online' : 'offline' } ms-2` } /> }
                                                 </td>
                                             </tr>
                                         );
diff --git a/src/components/navigator/NavigatorMessageHandler.tsx b/src/components/navigator/NavigatorMessageHandler.tsx
index 27933279..c4b1e16e 100644
--- a/src/components/navigator/NavigatorMessageHandler.tsx
+++ b/src/components/navigator/NavigatorMessageHandler.tsx
@@ -336,7 +336,7 @@ export const NavigatorMessageHandler: FC<{}> = props =>
 
             const newValue = { ...prevValue };
 
-            newValue.homeRoomId  = parser.homeRoomId;
+            newValue.homeRoomId = parser.homeRoomId;
             newValue.settingsReceived = true;
 
             return newValue;
diff --git a/src/components/navigator/views/NavigatorRoomCreatorView.tsx b/src/components/navigator/views/NavigatorRoomCreatorView.tsx
index 2c9230c2..97b979c0 100644
--- a/src/components/navigator/views/NavigatorRoomCreatorView.tsx
+++ b/src/components/navigator/views/NavigatorRoomCreatorView.tsx
@@ -58,7 +58,7 @@ export const NavigatorRoomCreatorView: FC<{}> = props =>
                     </Column>
                     <Column grow gap={ 1 }>
                         <Text>{ LocalizeText('navigator.createroom.roomdescinfo') }</Text>
-                        <textarea className="flex-grow-1 form-control form-control-sm w-100" maxLength={255} onChange={event => setDescription(event.target.value)} placeholder={ LocalizeText('navigator.createroom.roomdescinfo') } />
+                        <textarea className="flex-grow-1 form-control form-control-sm w-100" maxLength={ 255 } onChange={ event => setDescription(event.target.value) } placeholder={ LocalizeText('navigator.createroom.roomdescinfo') } />
                     </Column>
                     <Column gap={ 1 }>
                         <Text>{ LocalizeText('navigator.category') }</Text>
diff --git a/src/components/navigator/views/room-settings/NavigatorRoomSettingsView.tsx b/src/components/navigator/views/room-settings/NavigatorRoomSettingsView.tsx
index 4a5b4d0b..6ce64dc8 100644
--- a/src/components/navigator/views/room-settings/NavigatorRoomSettingsView.tsx
+++ b/src/components/navigator/views/room-settings/NavigatorRoomSettingsView.tsx
@@ -90,7 +90,7 @@ export const NavigatorRoomSettingsView: FC<{}> = props =>
                     newValue.userCount = Number(value);
                     break;
                 case 'trade_state':
-                    newValue.tradeState =  Number(value);
+                    newValue.tradeState = Number(value);
                     break;
                 case 'allow_walkthrough':
                     newValue.allowWalkthrough = Boolean(value);
@@ -192,7 +192,7 @@ export const NavigatorRoomSettingsView: FC<{}> = props =>
                 { (currentTab === TABS[1]) &&
                     <NavigatorRoomSettingsAccessTabView roomData={ roomData } handleChange={ handleChange } /> }
                 { (currentTab === TABS[2]) &&
-                    <NavigatorRoomSettingsRightsTabView roomData= {roomData } handleChange={ handleChange } /> }
+                    <NavigatorRoomSettingsRightsTabView roomData={ roomData } handleChange={ handleChange } /> }
                 { (currentTab === TABS[3]) &&
                     <NavigatorRoomSettingsVipChatTabView roomData={ roomData } handleChange={ handleChange } /> }
                 { (currentTab === TABS[4]) &&
diff --git a/src/components/navigator/views/room-settings/NavigatorRoomSettingsVipChatTabView.tsx b/src/components/navigator/views/room-settings/NavigatorRoomSettingsVipChatTabView.tsx
index 747ad9eb..e77f6691 100644
--- a/src/components/navigator/views/room-settings/NavigatorRoomSettingsVipChatTabView.tsx
+++ b/src/components/navigator/views/room-settings/NavigatorRoomSettingsVipChatTabView.tsx
@@ -63,7 +63,7 @@ export const NavigatorRoomSettingsVipChatTabView: FC<NavigatorRoomSettingsTabVie
                         <option value="-1">{ LocalizeText('navigator.roomsettings.wall_thickness.thin') }</option>
                         <option value="-2">{ LocalizeText('navigator.roomsettings.wall_thickness.thinnest') }</option>
                     </select>
-                    <select className="form-select form-select-sm" value={roomData.floorThickness} onChange={ event => handleChange('floor_thickness', event.target.value) }>
+                    <select className="form-select form-select-sm" value={ roomData.floorThickness } onChange={ event => handleChange('floor_thickness', event.target.value) }>
                         <option value="0">{ LocalizeText('navigator.roomsettings.floor_thickness.normal') }</option>
                         <option value="1">{ LocalizeText('navigator.roomsettings.floor_thickness.thick') }</option>
                         <option value="-1">{ LocalizeText('navigator.roomsettings.floor_thickness.thin') }</option>
diff --git a/src/components/navigator/views/search/NavigatorSearchResultItemInfoView.tsx b/src/components/navigator/views/search/NavigatorSearchResultItemInfoView.tsx
index 6b1959c9..a4944d39 100644
--- a/src/components/navigator/views/search/NavigatorSearchResultItemInfoView.tsx
+++ b/src/components/navigator/views/search/NavigatorSearchResultItemInfoView.tsx
@@ -63,34 +63,34 @@ export const NavigatorSearchResultItemInfoView: FC<NavigatorSearchResultItemInfo
 
     return (
         <>
-            <Base pointer className="icon icon-navigator-info" onClick={toggle}/>
-            <Overlay show={isVisible} target={target} placement="right">
+            <Base pointer className="icon icon-navigator-info" onClick={ toggle }/>
+            <Overlay show={ isVisible } target={ target } placement="right">
                 <Popover>
                     <NitroCardContentView overflow="hidden" className="room-info bg-transparent">
-                        <Flex gap={2} overflow="hidden">
-                            <LayoutRoomThumbnailView roomId={roomData.roomId} customUrl={roomData.officialRoomPicRef} className="d-flex flex-column align-items-center justify-content-end mb-1">
+                        <Flex gap={ 2 } overflow="hidden">
+                            <LayoutRoomThumbnailView roomId={ roomData.roomId } customUrl={ roomData.officialRoomPicRef } className="d-flex flex-column align-items-center justify-content-end mb-1">
                                 {roomData.habboGroupId > 0 && (
-                                    <LayoutBadgeImageView badgeCode={roomData.groupBadgeCode} isGroup={true} className={'position-absolute top-0 start-0 m-1 '}/>)}
+                                    <LayoutBadgeImageView badgeCode={ roomData.groupBadgeCode } isGroup={ true } className={ 'position-absolute top-0 start-0 m-1 ' }/>)}
                                 {roomData.doorMode !== RoomDataParser.OPEN_STATE && (
-                                    <i className={'position-absolute end-0 mb-1 me-1 icon icon-navigator-room-' + (roomData.doorMode === RoomDataParser.DOORBELL_STATE ? 'locked' : roomData.doorMode === RoomDataParser.PASSWORD_STATE ? 'password' : roomData.doorMode === RoomDataParser.INVISIBLE_STATE ? 'invisible' : '')}/> )}
+                                    <i className={ 'position-absolute end-0 mb-1 me-1 icon icon-navigator-room-' + (roomData.doorMode === RoomDataParser.DOORBELL_STATE ? 'locked' : roomData.doorMode === RoomDataParser.PASSWORD_STATE ? 'password' : roomData.doorMode === RoomDataParser.INVISIBLE_STATE ? 'invisible' : '') }/> )}
                             </LayoutRoomThumbnailView>
-                            <Column gap={1}>
-                                <Text bold truncate className="flex-grow-1" style={{ maxHeight: 13 }}>
+                            <Column gap={ 1 }>
+                                <Text bold truncate className="flex-grow-1" style={ { maxHeight: 13 } }>
                                     {roomData.roomName}
                                 </Text>
-                                <Flex gap={1}>
+                                <Flex gap={ 1 }>
                                     <Text italics variant="muted">
                                         {LocalizeText('navigator.roomownercaption')}
                                     </Text>
                                     <UserProfileIconView
-                                        userId={roomData.ownerId}
+                                        userId={ roomData.ownerId }
                                     />
                                     <Text italics>{roomData.ownerName}</Text>
                                 </Flex>
                                 <Text className="flex-grow-1">
                                     {roomData.description}
                                 </Text>
-                                <Flex className={'badge p-1 position-absolute m-1 bottom-0 end-0 m-2 ' + getUserCounterColor()} gap={1}>
+                                <Flex className={ 'badge p-1 position-absolute m-1 bottom-0 end-0 m-2 ' + getUserCounterColor() } gap={ 1 }>
                                     <FontAwesomeIcon icon="user" />
                                     {roomData.userCount}
                                 </Flex>
diff --git a/src/components/navigator/views/search/NavigatorSearchResultItemView.tsx b/src/components/navigator/views/search/NavigatorSearchResultItemView.tsx
index a5ffc226..eec33e81 100644
--- a/src/components/navigator/views/search/NavigatorSearchResultItemView.tsx
+++ b/src/components/navigator/views/search/NavigatorSearchResultItemView.tsx
@@ -81,15 +81,15 @@ export const NavigatorSearchResultItemView: FC<NavigatorSearchResultItemViewProp
     }
 
     if(thumbnail) return (
-        <Column pointer overflow="hidden" alignItems="center" onClick={ visitRoom } gap={ 0 } className="navigator-item p-1 bg-light rounded-3 small mb-1 flex-column border border-muted" {...rest}>
-            <LayoutRoomThumbnailView roomId={roomData.roomId} customUrl={roomData.officialRoomPicRef} className="d-flex flex-column align-items-center justify-content-end mb-1">
-                { roomData.habboGroupId > 0 && <LayoutBadgeImageView badgeCode={roomData.groupBadgeCode} isGroup={true} className={'position-absolute top-0 start-0 m-1'} /> }
+        <Column pointer overflow="hidden" alignItems="center" onClick={ visitRoom } gap={ 0 } className="navigator-item p-1 bg-light rounded-3 small mb-1 flex-column border border-muted" { ...rest }>
+            <LayoutRoomThumbnailView roomId={ roomData.roomId } customUrl={ roomData.officialRoomPicRef } className="d-flex flex-column align-items-center justify-content-end mb-1">
+                { roomData.habboGroupId > 0 && <LayoutBadgeImageView badgeCode={ roomData.groupBadgeCode } isGroup={ true } className={ 'position-absolute top-0 start-0 m-1' } /> }
                 <Flex center className={ 'badge p-1 position-absolute m-1 ' + getUserCounterColor() } gap={ 1 }>
                     <FontAwesomeIcon icon="user" />
                     { roomData.userCount }
                 </Flex>
                 { (roomData.doorMode !== RoomDataParser.OPEN_STATE) && 
-                        <i className={ ('position-absolute end-0 mb-1 me-1 icon icon-navigator-room-' + ((roomData.doorMode === RoomDataParser.DOORBELL_STATE) ? 'locked' : (roomData.doorMode === RoomDataParser.PASSWORD_STATE) ? 'password' : (roomData.doorMode === RoomDataParser.INVISIBLE_STATE) ? 'invisible' : '')) } /> }
+                <i className={ ('position-absolute end-0 mb-1 me-1 icon icon-navigator-room-' + ((roomData.doorMode === RoomDataParser.DOORBELL_STATE) ? 'locked' : (roomData.doorMode === RoomDataParser.PASSWORD_STATE) ? 'password' : (roomData.doorMode === RoomDataParser.INVISIBLE_STATE) ? 'invisible' : '')) } /> }
             </LayoutRoomThumbnailView>
             <Flex className='w-100'>
                 <Text truncate className="flex-grow-1">{roomData.roomName}</Text>
diff --git a/src/components/navigator/views/search/NavigatorSearchResultView.tsx b/src/components/navigator/views/search/NavigatorSearchResultView.tsx
index 554b7d27..e8563912 100644
--- a/src/components/navigator/views/search/NavigatorSearchResultView.tsx
+++ b/src/components/navigator/views/search/NavigatorSearchResultView.tsx
@@ -59,8 +59,8 @@ export const NavigatorSearchResultView: FC<NavigatorSearchResultViewProps> = pro
             </Flex> {isExtended && 
                 <>
                     {
-                        gridHasTwoColumns ? <AutoGrid columnCount={3} {...rest} columnMinWidth={110} columnMinHeight={130} className="mx-2">
-                            {searchResult.rooms.length > 0 && searchResult.rooms.map((room, index) => <NavigatorSearchResultItemView key={index} roomData={room} thumbnail={ true } />) }
+                        gridHasTwoColumns ? <AutoGrid columnCount={ 3 } { ...rest } columnMinWidth={ 110 } columnMinHeight={ 130 } className="mx-2">
+                            {searchResult.rooms.length > 0 && searchResult.rooms.map((room, index) => <NavigatorSearchResultItemView key={ index } roomData={ room } thumbnail={ true } />) }
                         </AutoGrid> : <Grid columnCount={ 1 } className='navigator-grid' gap={ 0 }>
                             { searchResult.rooms.length > 0 && searchResult.rooms.map((room, index) => <NavigatorSearchResultItemView key={ index } roomData={ room } />) }
                         </Grid>
diff --git a/src/components/navigator/views/search/NavigatorSearchView.tsx b/src/components/navigator/views/search/NavigatorSearchView.tsx
index 2109a985..c81010b5 100644
--- a/src/components/navigator/views/search/NavigatorSearchView.tsx
+++ b/src/components/navigator/views/search/NavigatorSearchView.tsx
@@ -74,7 +74,7 @@ export const NavigatorSearchView: FC<NavigatorSearchViewProps> = props =>
                 </select>
             </Flex>
             <Flex fullWidth gap={ 1 }>
-                <input type="text" className="form-control form-control-sm" placeholder={ LocalizeText('navigator.filter.input.placeholder') } value={ searchValue }  onChange={ event => setSearchValue(event.target.value) } onKeyDown={ event => handleKeyDown(event) } />
+                <input type="text" className="form-control form-control-sm" placeholder={ LocalizeText('navigator.filter.input.placeholder') } value={ searchValue } onChange={ event => setSearchValue(event.target.value) } onKeyDown={ event => handleKeyDown(event) } />
                 <Button variant="primary" onClick={ processSearch }>
                     <FontAwesomeIcon icon="search" />
                 </Button>
diff --git a/src/components/nitropedia/NitropediaView.tsx b/src/components/nitropedia/NitropediaView.tsx
index 4b8a0e93..f325fe47 100644
--- a/src/components/nitropedia/NitropediaView.tsx
+++ b/src/components/nitropedia/NitropediaView.tsx
@@ -9,7 +9,7 @@ export const NitropediaView: FC<{}> = props =>
 {
     const [ content, setContent ] = useState<string>(null);
     const [ header, setHeader ] = useState<string>('');
-    const [ dimensions, setDimensions ] = useState<{ width: number, height: number}>(null);
+    const [ dimensions, setDimensions ] = useState<{ width: number, height: number }>(null);
     const elementRef = useRef<HTMLDivElement>(null);
     
     const openPage = useCallback(async (link: string) =>
@@ -95,9 +95,9 @@ export const NitropediaView: FC<{}> = props =>
 
     return (
         <NitroCardView className="nitropedia" theme="primary-slim" style={ dimensions ? { width: dimensions.width, height: dimensions.height } : {} }>
-            <NitroCardHeaderView headerText={header} onCloseClick={ () => setContent(null) }/>
+            <NitroCardHeaderView headerText={ header } onCloseClick={ () => setContent(null) }/>
             <NitroCardContentView>
-                <Base fit innerRef={ elementRef } className="text-black" dangerouslySetInnerHTML={{ __html: content }} />
+                <Base fit innerRef={ elementRef } className="text-black" dangerouslySetInnerHTML={ { __html: content } } />
             </NitroCardContentView>
         </NitroCardView>
     );
diff --git a/src/components/notification-center/views/alert-layouts/GetAlertLayout.tsx b/src/components/notification-center/views/alert-layouts/GetAlertLayout.tsx
index 3d64bfbc..6021b1b5 100644
--- a/src/components/notification-center/views/alert-layouts/GetAlertLayout.tsx
+++ b/src/components/notification-center/views/alert-layouts/GetAlertLayout.tsx
@@ -12,9 +12,9 @@ export const GetAlertLayout = (item: NotificationAlertItem, close: () => void) =
     switch(item.alertType)
     {
         case NotificationAlertType.NITRO:
-            return <NitroSystemAlertView {...props} />
+            return <NitroSystemAlertView { ...props } />
         case NotificationAlertType.SEARCH:
-            return <NotificationSeachAlertView {...props} />
+            return <NotificationSeachAlertView { ...props } />
         default:
             return <NotificationDefaultAlertView { ...props } />
     }
diff --git a/src/components/notification-center/views/alert-layouts/NotificationDefaultAlertView.tsx b/src/components/notification-center/views/alert-layouts/NotificationDefaultAlertView.tsx
index bd142ba3..87b935ef 100644
--- a/src/components/notification-center/views/alert-layouts/NotificationDefaultAlertView.tsx
+++ b/src/components/notification-center/views/alert-layouts/NotificationDefaultAlertView.tsx
@@ -23,14 +23,14 @@ export const NotificationDefaultAlertView: FC<NotificationDefaultAlertViewProps>
     const hasFrank = item.alertType === NotificationAlertType.DEFAULT;
 
     return (
-        <LayoutNotificationAlertView title={title} close={close} {...rest} type={ hasFrank ? NotificationAlertType.DEFAULT : item.alertType }>
+        <LayoutNotificationAlertView title={ title } close={ close } { ...rest } type={ hasFrank ? NotificationAlertType.DEFAULT : item.alertType }>
             <Flex fullHeight overflow="auto" gap={ hasFrank || (item.imageUrl && !imageFailed) ? 2 : 0 }>
                 {hasFrank && !item.imageUrl && <Base className="notification-frank flex-shrink-0" /> }
-                {item.imageUrl && !imageFailed && <img src={item.imageUrl} alt={item.title} onError={() => 
+                {item.imageUrl && !imageFailed && <img src={ item.imageUrl } alt={ item.title } onError={ () => 
                 {
                     setImageFailed(true) 
-                }} className="align-self-baseline" />}
-                <Base classNames={[ 'notification-text overflow-y-auto d-flex flex-column w-100', (item.clickUrl && !hasFrank) ? 'justify-content-center' : '' ]}>
+                } } className="align-self-baseline" />}
+                <Base classNames={ [ 'notification-text overflow-y-auto d-flex flex-column w-100', (item.clickUrl && !hasFrank) ? 'justify-content-center' : '' ] }>
                     { (item.messages.length > 0) && item.messages.map((message, index) =>
                     {
                         const htmlText = message.replace(/\r\n|\r|\n/g, '<br />');
@@ -39,16 +39,16 @@ export const NotificationDefaultAlertView: FC<NotificationDefaultAlertViewProps>
                     })}
                     {item.clickUrl && (item.clickUrl.length > 0) && (item.imageUrl && !imageFailed) && <>
                         <hr className="my-2 w-100" />
-                        <Button onClick={visitUrl} className="align-self-center px-3">{LocalizeText(item.clickUrlText)}</Button>
+                        <Button onClick={ visitUrl } className="align-self-center px-3">{LocalizeText(item.clickUrlText)}</Button>
                     </>}
                 </Base>
             </Flex>
             { (!item.imageUrl || (item.imageUrl && imageFailed)) && <>
-                <Column alignItems="center" center gap={0}>
+                <Column alignItems="center" center gap={ 0 }>
                     <hr className="my-2 w-100" />
                     { !item.clickUrl &&
-                        <Button onClick={close}>{LocalizeText('generic.close')}</Button>}
-                    { item.clickUrl && (item.clickUrl.length > 0) && <Button onClick={visitUrl}>{LocalizeText(item.clickUrlText)}</Button> }
+                        <Button onClick={ close }>{LocalizeText('generic.close')}</Button>}
+                    { item.clickUrl && (item.clickUrl.length > 0) && <Button onClick={ visitUrl }>{LocalizeText(item.clickUrlText)}</Button> }
                 </Column>
             </> }
         </LayoutNotificationAlertView>
diff --git a/src/components/notification-center/views/alert-layouts/NotificationSearchAlertView.tsx b/src/components/notification-center/views/alert-layouts/NotificationSearchAlertView.tsx
index db41e8cf..b8a71c6f 100644
--- a/src/components/notification-center/views/alert-layouts/NotificationSearchAlertView.tsx
+++ b/src/components/notification-center/views/alert-layouts/NotificationSearchAlertView.tsx
@@ -36,12 +36,12 @@ export const NotificationSeachAlertView: FC<NotificationDefaultAlertViewProps> =
     const isAction = (item.clickUrl && item.clickUrl.startsWith('event:'));
 
     return (
-        <LayoutNotificationAlertView title={title} close={close} {...rest}>
+        <LayoutNotificationAlertView title={ title } close={ close } { ...rest }>
             <Flex fullWidth alignItems="center" position="relative">
                 <input type="text" className="form-control form-control-sm" placeholder={ LocalizeText('generic.search') } value={ searchValue } onChange={ event => updateSearchValue(event.target.value) } />
             </Flex>
             <Column fullHeight className="py-1" overflow="hidden">
-                <AutoGrid gap={1} columnCount={1}>
+                <AutoGrid gap={ 1 } columnCount={ 1 }>
                     {results && results.map((n, index) =>
                     { 
                         return <span key={ index }>{ n }</span>
diff --git a/src/components/notification-center/views/confirm-layouts/NotificationDefaultConfirmView.tsx b/src/components/notification-center/views/confirm-layouts/NotificationDefaultConfirmView.tsx
index 8e8a34c5..48f41387 100644
--- a/src/components/notification-center/views/confirm-layouts/NotificationDefaultConfirmView.tsx
+++ b/src/components/notification-center/views/confirm-layouts/NotificationDefaultConfirmView.tsx
@@ -10,7 +10,7 @@ export interface NotificationDefaultConfirmViewProps extends LayoutNotificationA
 export const NotificationDefaultConfirmView: FC<NotificationDefaultConfirmViewProps> = props =>
 {
     const { item = null, close = null, ...rest } = props;
-    const { message = null, onConfirm = null, onCancel = null, confirmText = null, cancelText = null, title = null  } = item;
+    const { message = null, onConfirm = null, onCancel = null, confirmText = null, cancelText = null, title = null } = item;
 
     const confirm = () =>
     {
@@ -27,7 +27,7 @@ export const NotificationDefaultConfirmView: FC<NotificationDefaultConfirmViewPr
     }
 
     return (
-        <LayoutNotificationAlertView title={title} close={close} {...rest} type={ NotificationAlertType.ALERT }>
+        <LayoutNotificationAlertView title={ title } close={ close } { ...rest } type={ NotificationAlertType.ALERT }>
             <Flex grow center>
                 <Text>{ message }</Text>
             </Flex>
diff --git a/src/components/room/RoomView.tsx b/src/components/room/RoomView.tsx
index 38cf2b4e..01aa2c3c 100644
--- a/src/components/room/RoomView.tsx
+++ b/src/components/room/RoomView.tsx
@@ -96,15 +96,15 @@ export const RoomView: FC<RoomViewProps> = props =>
 
         if(!canvas) return;
 
-        canvas.onclick          = event => DispatchMouseEvent(roomSession.roomId, canvasId, event);
-        canvas.onmousemove      = event => DispatchMouseEvent(roomSession.roomId, canvasId, event);
-        canvas.onmousedown      = event => DispatchMouseEvent(roomSession.roomId, canvasId, event);
-        canvas.onmouseup        = event => DispatchMouseEvent(roomSession.roomId, canvasId, event);
+        canvas.onclick = event => DispatchMouseEvent(roomSession.roomId, canvasId, event);
+        canvas.onmousemove = event => DispatchMouseEvent(roomSession.roomId, canvasId, event);
+        canvas.onmousedown = event => DispatchMouseEvent(roomSession.roomId, canvasId, event);
+        canvas.onmouseup = event => DispatchMouseEvent(roomSession.roomId, canvasId, event);
 
-        canvas.ontouchstart     = event => DispatchTouchEvent(roomSession.roomId, canvasId, event);
-        canvas.ontouchmove      = event => DispatchTouchEvent(roomSession.roomId, canvasId, event);
-        canvas.ontouchend       = event => DispatchTouchEvent(roomSession.roomId, canvasId, event);
-        canvas.ontouchcancel    = event => DispatchTouchEvent(roomSession.roomId, canvasId, event);
+        canvas.ontouchstart = event => DispatchTouchEvent(roomSession.roomId, canvasId, event);
+        canvas.ontouchmove = event => DispatchTouchEvent(roomSession.roomId, canvasId, event);
+        canvas.ontouchend = event => DispatchTouchEvent(roomSession.roomId, canvasId, event);
+        canvas.ontouchcancel = event => DispatchTouchEvent(roomSession.roomId, canvasId, event);
 
         window.onresize = () =>
         {
diff --git a/src/components/room/widgets/RoomWidgetsView.tsx b/src/components/room/widgets/RoomWidgetsView.tsx
index 2cc43ce7..0fe4097f 100644
--- a/src/components/room/widgets/RoomWidgetsView.tsx
+++ b/src/components/room/widgets/RoomWidgetsView.tsx
@@ -64,8 +64,8 @@ export const RoomWidgetsView: FC<{}> = props =>
     {
         if(!roomSession || !widgetHandler) return;
 
-        const objectId  = event.objectId;
-        const category  = event.category;
+        const objectId = event.objectId;
+        const category = event.category;
 
         let updateEvent: RoomWidgetUpdateRoomObjectEvent = null;
 
diff --git a/src/components/room/widgets/avatar-info/AvatarInfoRentableBotChatView.tsx b/src/components/room/widgets/avatar-info/AvatarInfoRentableBotChatView.tsx
index 6c96d635..ae906b74 100644
--- a/src/components/room/widgets/avatar-info/AvatarInfoRentableBotChatView.tsx
+++ b/src/components/room/widgets/avatar-info/AvatarInfoRentableBotChatView.tsx
@@ -42,7 +42,7 @@ export const AvatarInfoRentableBotChatView: FC<AvatarInfoRentableBotChatViewProp
                 <Column className="p-1">
                     <Column gap={ 1 }>
                         <Text variant="white">{ LocalizeText('bot.skill.chatter.configuration.chat.text') }</Text>
-                        <textarea className="form-control form-control-sm" placeholder={LocalizeText('bot.skill.chatter.configuration.text.placeholder')} value={newText} rows={7} onChange={e => setNewText(e.target.value)} />
+                        <textarea className="form-control form-control-sm" placeholder={ LocalizeText('bot.skill.chatter.configuration.text.placeholder') } value={ newText } rows={ 7 } onChange={ e => setNewText(e.target.value) } />
                     </Column>
                     <Column gap={ 1 }>
                         <Flex gap={ 1 } alignItems="center" justifyContent="between">
diff --git a/src/components/room/widgets/avatar-info/AvatarInfoWidgetAvatarView.tsx b/src/components/room/widgets/avatar-info/AvatarInfoWidgetAvatarView.tsx
index 77a66957..782108f6 100644
--- a/src/components/room/widgets/avatar-info/AvatarInfoWidgetAvatarView.tsx
+++ b/src/components/room/widgets/avatar-info/AvatarInfoWidgetAvatarView.tsx
@@ -360,20 +360,20 @@ export const AvatarInfoWidgetAvatarView: FC<AvatarInfoWidgetAvatarViewProps> = p
             { (mode === MODE_RELATIONSHIP) &&
                 <>
                     <Flex className="menu-list-split-3">
-                        <ContextMenuListItemView onClick={event => processAction('rship_heart')}>
+                        <ContextMenuListItemView onClick={ event => processAction('rship_heart') }>
                             <Base pointer className="nitro-friends-spritesheet icon-heart" />
                         </ContextMenuListItemView>
-                        <ContextMenuListItemView onClick={event => processAction('rship_smile')}>
+                        <ContextMenuListItemView onClick={ event => processAction('rship_smile') }>
                             <Base pointer className="nitro-friends-spritesheet icon-smile" />
                         </ContextMenuListItemView>
-                        <ContextMenuListItemView onClick={event => processAction('rship_bobba')}>
+                        <ContextMenuListItemView onClick={ event => processAction('rship_bobba') }>
                             <Base pointer className="nitro-friends-spritesheet icon-bobba" />
                         </ContextMenuListItemView>
                     </Flex>
-                    <ContextMenuListItemView onClick={event => processAction('rship_none')}>
+                    <ContextMenuListItemView onClick={ event => processAction('rship_none') }>
                         { LocalizeText('avatar.widget.clear_relationship') }
                     </ContextMenuListItemView>
-                    <ContextMenuListItemView onClick={event => processAction('back')}>
+                    <ContextMenuListItemView onClick={ event => processAction('back') }>
                         <FontAwesomeIcon icon="chevron-left" className="left" />
                         { LocalizeText('generic.back') }
                     </ContextMenuListItemView>
diff --git a/src/components/room/widgets/avatar-info/AvatarInfoWidgetNameView.tsx b/src/components/room/widgets/avatar-info/AvatarInfoWidgetNameView.tsx
index 85dcf506..0f71d4cb 100644
--- a/src/components/room/widgets/avatar-info/AvatarInfoWidgetNameView.tsx
+++ b/src/components/room/widgets/avatar-info/AvatarInfoWidgetNameView.tsx
@@ -15,7 +15,7 @@ export const AvatarInfoWidgetNameView: FC<AvatarInfoWidgetNameViewProps> = props
     const fades = useMemo(() => (nameData.id !== GetSessionDataManager().userId), [ nameData ]);
 
     return (
-        <ContextMenuView objectId={ nameData.roomIndex } category={ nameData.category } userType={ nameData.userType } fades={ fades } className="name-only" close= { close }>
+        <ContextMenuView objectId={ nameData.roomIndex } category={ nameData.category } userType={ nameData.userType } fades={ fades } className="name-only" close={ close }>
             <div className="text-shadow">
                 { nameData.name }
             </div>
diff --git a/src/components/room/widgets/avatar-info/AvatarInfoWidgetOwnPetView.tsx b/src/components/room/widgets/avatar-info/AvatarInfoWidgetOwnPetView.tsx
index 192c0ad4..bb119714 100644
--- a/src/components/room/widgets/avatar-info/AvatarInfoWidgetOwnPetView.tsx
+++ b/src/components/room/widgets/avatar-info/AvatarInfoWidgetOwnPetView.tsx
@@ -173,7 +173,7 @@ export const AvatarInfoWidgetOwnPetView: FC<AvatarInfoWidgetOwnPetViewProps> = p
                         { LocalizeText('infostand.button.mount') }
                     </ContextMenuListItemView>
                     <ContextMenuListItemView onClick={ event => processAction('toggle_riding_permission') } gap={ 1 }>
-                        <input type="checkbox" checked={ !!petData.publiclyRideable } readOnly={ true }  />
+                        <input type="checkbox" checked={ !!petData.publiclyRideable } readOnly={ true } />
                         { LocalizeText('infostand.button.toggle_riding_permission') }
                     </ContextMenuListItemView>
                     { (respectsLeft > 0) &&
@@ -220,7 +220,7 @@ export const AvatarInfoWidgetOwnPetView: FC<AvatarInfoWidgetOwnPetViewProps> = p
                     { !petData.dead && (petData.level === petData.maximumLevel) && petData.breedable &&
                         <>
                             <ContextMenuListItemView onClick={ event => processAction('toggle_breeding_permission') } gap={ 1 }>
-                                <input type="checkbox" checked={ petData.publiclyBreedable } readOnly={ true }  />
+                                <input type="checkbox" checked={ petData.publiclyBreedable } readOnly={ true } />
                                 { LocalizeText('infostand.button.toggle_breeding_permission') }
                             </ContextMenuListItemView>
                             <ContextMenuListItemView onClick={ event => processAction('breed') }>
diff --git a/src/components/room/widgets/avatar-info/AvatarInfoWidgetView.tsx b/src/components/room/widgets/avatar-info/AvatarInfoWidgetView.tsx
index 93158743..97256c63 100644
--- a/src/components/room/widgets/avatar-info/AvatarInfoWidgetView.tsx
+++ b/src/components/room/widgets/avatar-info/AvatarInfoWidgetView.tsx
@@ -299,7 +299,7 @@ export const AvatarInfoWidgetView: FC<{}> = props =>
 
             if(nameBubbleIndex > -1) removeNameBubble(nameBubbleIndex);
 
-            return <AvatarInfoWidgetNameView nameData={ name } close={ clearName }  />;
+            return <AvatarInfoWidgetNameView nameData={ name } close={ clearName } />;
         }
 
         if(infoStandEvent)
@@ -355,13 +355,13 @@ export const AvatarInfoWidgetView: FC<{}> = props =>
             { currentView }
             { (nameBubbles.length > 0) && nameBubbles.map((name, index) =>
             {
-                return <AvatarInfoWidgetNameView key={ index } nameData={ name } close={ () => removeNameBubble(index) }  />;
+                return <AvatarInfoWidgetNameView key={ index } nameData={ name } close={ () => removeNameBubble(index) } />;
             }) }
             { (productBubbles.length > 0) && productBubbles.map((item, index) =>
             {
-                return <AvatarInfoUseProductView key={ item.id } item={ item } updateConfirmingProduct={ updateConfirmingProduct } close={ () => removeProductBubble(index) }  />;
+                return <AvatarInfoUseProductView key={ item.id } item={ item } updateConfirmingProduct={ updateConfirmingProduct } close={ () => removeProductBubble(index) } />;
             }) }
-            { rentableBotChatEvent && <AvatarInfoRentableBotChatView chatEvent={ rentableBotChatEvent } close={ () => setRentableBotChatEvent(null)}/> }
+            { rentableBotChatEvent && <AvatarInfoRentableBotChatView chatEvent={ rentableBotChatEvent } close={ () => setRentableBotChatEvent(null) }/> }
             { confirmingProduct && <AvatarInfoUseProductConfirmView item={ confirmingProduct } close={ () => setConfirmingProduct(null) } /> }
         </>
     )
diff --git a/src/components/room/widgets/avatar-info/common/BotSkillsEnum.ts b/src/components/room/widgets/avatar-info/common/BotSkillsEnum.ts
index cc7942be..b879cdc9 100644
--- a/src/components/room/widgets/avatar-info/common/BotSkillsEnum.ts
+++ b/src/components/room/widgets/avatar-info/common/BotSkillsEnum.ts
@@ -1,18 +1,18 @@
 export class BotSkillsEnum
 {
-    public static GENERIC_SKILL: number       = 0;
-    public static DRESS_UP: number         = 1;
-    public static SETUP_CHAT: number       = 2;
-    public static RANDOM_WALK: number      = 3;
-    public static DANCE: number            = 4;
-    public static CHANGE_BOT_NAME: number  = 5;
-    public static SERVE_BEVERAGE: number       = 6;
-    public static INCLIENT_LINK: number       = 7;
-    public static NUX_PROCEED: number       = 8;
+    public static GENERIC_SKILL: number = 0;
+    public static DRESS_UP: number = 1;
+    public static SETUP_CHAT: number = 2;
+    public static RANDOM_WALK: number = 3;
+    public static DANCE: number = 4;
+    public static CHANGE_BOT_NAME: number = 5;
+    public static SERVE_BEVERAGE: number = 6;
+    public static INCLIENT_LINK: number = 7;
+    public static NUX_PROCEED: number = 8;
     public static CHANGE_BOT_MOTTO: number = 9;
-    public static NUX_TAKE_TOUR: number    = 10;
-    public static NO_PICK_UP: number       = 12;
+    public static NUX_TAKE_TOUR: number = 10;
+    public static NO_PICK_UP: number = 12;
     public static NAVIGATOR_SEARCH: number = 14;
-    public static DONATE_TO_USER: number   = 24;
-    public static DONATE_TO_ALL: number    = 25;
+    public static DONATE_TO_USER: number = 24;
+    public static DONATE_TO_ALL: number = 25;
 }
diff --git a/src/components/room/widgets/chat/ChatWidgetMessageView.tsx b/src/components/room/widgets/chat/ChatWidgetMessageView.tsx
index d7ad0abd..2f737fa4 100644
--- a/src/components/room/widgets/chat/ChatWidgetMessageView.tsx
+++ b/src/components/room/widgets/chat/ChatWidgetMessageView.tsx
@@ -80,7 +80,7 @@ export const ChatWidgetMessageView: FC<ChatWidgetMessageViewProps> = props =>
                 </div>
                 <div className="chat-content">
                     <b className="username mr-1" dangerouslySetInnerHTML={ { __html: `${ chat.username }: ` } } />
-                    <span className="message" dangerouslySetInnerHTML={{ __html: `${ chat.formattedText }` }} />
+                    <span className="message" dangerouslySetInnerHTML={ { __html: `${ chat.formattedText }` } } />
                 </div>
                 <div className="pointer" />
             </div>
diff --git a/src/components/room/widgets/choosers/ChooserWidgetView.tsx b/src/components/room/widgets/choosers/ChooserWidgetView.tsx
index 9b5e56d2..89279369 100644
--- a/src/components/room/widgets/choosers/ChooserWidgetView.tsx
+++ b/src/components/room/widgets/choosers/ChooserWidgetView.tsx
@@ -53,7 +53,7 @@ export const ChooserWidgetView: FC<ChooserWidgetViewProps> = props =>
         <NitroCardView className="nitro-chooser-widget" theme="primary-slim">
             <NitroCardHeaderView headerText={ title } onCloseClick={ onCloseClick } />
             <NitroCardContentView overflow="hidden">
-                <input type="text" className="form-control form-control-sm" placeholder={ LocalizeText('generic.search') } value={searchValue} onChange={event => setSearchValue(event.target.value)} />
+                <input type="text" className="form-control form-control-sm" placeholder={ LocalizeText('generic.search') } value={ searchValue } onChange={ event => setSearchValue(event.target.value) } />
                 <Column fullHeight overflow="auto">
                     <AutoSizer defaultWidth={ 0 } defaultHeight={ 0 }>
                         { ({ width, height }) => 
diff --git a/src/components/room/widgets/furniture/dimmer/FurnitureDimmerView.tsx b/src/components/room/widgets/furniture/dimmer/FurnitureDimmerView.tsx
index 1e0dbce3..544c1f35 100644
--- a/src/components/room/widgets/furniture/dimmer/FurnitureDimmerView.tsx
+++ b/src/components/room/widgets/furniture/dimmer/FurnitureDimmerView.tsx
@@ -140,7 +140,7 @@ export const FurnitureDimmerView: FC<{}> = props =>
             <NitroCardHeaderView headerText={ LocalizeText('widget.dimmer.title') } onCloseClick={ close } />
             { (dimmerState === 1) &&
                 <NitroCardTabsView>
-                    { presets.map(preset => <NitroCardTabsItemView key={ preset.id } isActive={ (selectedPresetId === preset.id) } onClick={ event => selectPresetId(preset.id) }>{ LocalizeText(`widget.dimmer.tab.${preset.id}`) }</NitroCardTabsItemView>) }
+                    { presets.map(preset => <NitroCardTabsItemView key={ preset.id } isActive={ (selectedPresetId === preset.id) } onClick={ event => selectPresetId(preset.id) }>{ LocalizeText(`widget.dimmer.tab.${ preset.id }`) }</NitroCardTabsItemView>) }
                 </NitroCardTabsView> }
             <NitroCardContentView>
                 { (dimmerState === 0) &&
@@ -160,7 +160,7 @@ export const FurnitureDimmerView: FC<{}> = props =>
                                     { AVAILABLE_COLORS.map((color, index) =>
                                     {
                                         return (
-                                            <Column fullWidth pointer key={ index } className={ 'color-swatch rounded' + classNames({ ' active': color === selectedColor }) } onClick={ () => setSelectedColor(color) } style={{ backgroundColor: HTML_COLORS[index] }} />
+                                            <Column fullWidth pointer key={ index } className={ 'color-swatch rounded' + classNames({ ' active': color === selectedColor }) } onClick={ () => setSelectedColor(color) } style={ { backgroundColor: HTML_COLORS[index] } } />
                                         );
                                     }) }
                                 </Grid> }
@@ -174,7 +174,7 @@ export const FurnitureDimmerView: FC<{}> = props =>
                                 value={ selectedBrightness }
                                 onChange={ value => setSelectedBrightness(value) }
                                 thumbClassName={ 'thumb percent' }
-                                renderThumb={ (props, state) => <div {...props}>{ scaledBrightness(state.valueNow) }</div> } />
+                                renderThumb={ (props, state) => <div { ...props }>{ scaledBrightness(state.valueNow) }</div> } />
                         </Column>
                         <Flex alignItems="center" gap={ 1 }>
                             <input className="form-check-input" type="checkbox" checked={ (selectedEffectId === 2) } onChange={ event => setSelectedEffectId(event.target.checked ? 2 : 1) } />
diff --git a/src/components/room/widgets/furniture/stickie/FurnitureStickieView.tsx b/src/components/room/widgets/furniture/stickie/FurnitureStickieView.tsx
index 50c0ff66..0905edee 100644
--- a/src/components/room/widgets/furniture/stickie/FurnitureStickieView.tsx
+++ b/src/components/room/widgets/furniture/stickie/FurnitureStickieView.tsx
@@ -27,13 +27,13 @@ export const FurnitureStickieView: FC<{}> = props =>
 
                 if(data.length < 6) return;
 
-                let color: string   = null;
-                let text: string    = null;
+                let color: string = null;
+                let text: string = null;
 
                 if(data.indexOf(' ') > 0)
                 {
-                    color   = data.slice(0, data.indexOf(' '));
-                    text    = data.slice((data.indexOf(' ') + 1), data.length);
+                    color = data.slice(0, data.indexOf(' '));
+                    text = data.slice((data.indexOf(' ') + 1), data.length);
                 }
                 else
                 {
diff --git a/src/components/room/widgets/furniture/trophy/FurnitureTrophyView.tsx b/src/components/room/widgets/furniture/trophy/FurnitureTrophyView.tsx
index 7d9749c1..721061df 100644
--- a/src/components/room/widgets/furniture/trophy/FurnitureTrophyView.tsx
+++ b/src/components/room/widgets/furniture/trophy/FurnitureTrophyView.tsx
@@ -23,18 +23,18 @@ export const FurnitureTrophyView: FC<{}> = props =>
 
                 if(!roomObject) return;
                 
-                let data  = roomObject.model.getValue<string>(RoomObjectVariable.FURNITURE_DATA);
+                let data = roomObject.model.getValue<string>(RoomObjectVariable.FURNITURE_DATA);
                 let extra = roomObject.model.getValue<string>(RoomObjectVariable.FURNITURE_EXTRAS);
 
                 if(!extra) extra = '0';
 
-                const color     = roomObject.model.getValue<string>(RoomObjectVariable.FURNITURE_COLOR);
+                const color = roomObject.model.getValue<string>(RoomObjectVariable.FURNITURE_COLOR);
                 const ownerName = data.substring(0, data.indexOf('\t'));
 
                 data = data.substring((ownerName.length + 1), data.length);
 
-                const trophyDate    = data.substring(0, data.indexOf('\t'));
-                const trophyText    = data.substr((trophyDate.length + 1), data.length);
+                const trophyDate = data.substring(0, data.indexOf('\t'));
+                const trophyText = data.substr((trophyDate.length + 1), data.length);
 
                 setTrophyData(new FurnitureTrophyData(widgetEvent.objectId, widgetEvent.category, color, ownerName, trophyDate, trophyText));
                 return;
diff --git a/src/components/room/widgets/furniture/youtube-tv/FurnitureYoutubeDisplayView.tsx b/src/components/room/widgets/furniture/youtube-tv/FurnitureYoutubeDisplayView.tsx
index 650b8a6d..c272fe0a 100644
--- a/src/components/room/widgets/furniture/youtube-tv/FurnitureYoutubeDisplayView.tsx
+++ b/src/components/room/widgets/furniture/youtube-tv/FurnitureYoutubeDisplayView.tsx
@@ -204,12 +204,12 @@ export const FurnitureYoutubeDisplayView: FC<{}> = props =>
 
     return (
         <NitroCardView className="youtube-tv-widget">
-            <NitroCardHeaderView headerText={''} onCloseClick={close} />
+            <NitroCardHeaderView headerText={ '' } onCloseClick={ close } />
             <NitroCardContentView>
                 <div className="row w-100 h-100">
                     <div className="youtube-video-container col-9">
                         {(videoId && videoId.length > 0) &&
-                            <YouTube videoId={videoId} opts={getYoutubeOpts as Options} onReady={onReady} onStateChange={onStateChange} containerClassName={'youtubeContainer'} />
+                            <YouTube videoId={ videoId } opts={ getYoutubeOpts as Options } onReady={ onReady } onStateChange={ onStateChange } containerClassName={ 'youtubeContainer' } />
                         }
                         {(!videoId || videoId.length === 0) &&
                             <div className="empty-video w-100 h-100 justify-content-center align-items-center d-flex">{LocalizeText('widget.furni.video_viewer.no_videos')}</div>
@@ -217,15 +217,15 @@ export const FurnitureYoutubeDisplayView: FC<{}> = props =>
                     </div>
                     <div className="playlist-container col-3">
                         <span className="playlist-controls justify-content-center d-flex">
-                            <i className="icon icon-youtube-prev cursor-pointer" onClick={() => processAction('playlist_prev')} />
-                            <i className="icon icon-youtube-next cursor-pointer" onClick={() => processAction('playlist_next')} />
+                            <i className="icon icon-youtube-prev cursor-pointer" onClick={ () => processAction('playlist_prev') } />
+                            <i className="icon icon-youtube-next cursor-pointer" onClick={ () => processAction('playlist_next') } />
                         </span>
                         <div className="mb-1">{LocalizeText('widget.furni.video_viewer.playlists')}</div>
-                        <Grid columnCount={1} className="playlist-grid">
+                        <Grid columnCount={ 1 } className="playlist-grid">
                             {playlists && playlists.map((entry, index) =>
                             {
                                 return (
-                                    <LayoutGridItem key={index} onClick={() => processAction(entry.video)} itemActive={entry.video === selectedItem}>
+                                    <LayoutGridItem key={ index } onClick={ () => processAction(entry.video) } itemActive={ entry.video === selectedItem }>
                                         <b>{entry.title}</b> - {entry.description}
                                     </LayoutGridItem>
                                 )
diff --git a/src/components/room/widgets/infostand/InfoStandWidgetFurniView.tsx b/src/components/room/widgets/infostand/InfoStandWidgetFurniView.tsx
index 39e2f723..a5d7af12 100644
--- a/src/components/room/widgets/infostand/InfoStandWidgetFurniView.tsx
+++ b/src/components/room/widgets/infostand/InfoStandWidgetFurniView.tsx
@@ -188,7 +188,7 @@ export const InfoStandWidgetFurniView: FC<InfoStandWidgetFurniViewProps> = props
 
         while(i < furniKeys.length)
         {
-            const key   = furniKeys[i];
+            const key = furniKeys[i];
             const value = furniValues[i];
 
             data = (data + (key + '=' + value + '\t'));
@@ -204,7 +204,7 @@ export const InfoStandWidgetFurniView: FC<InfoStandWidgetFurniViewProps> = props
         if(!action || (action === '')) return;
 
         let messageType: string = null;
-        let objectData: string  = null;
+        let objectData: string = null;
 
         switch(action)
         {
diff --git a/src/components/room/widgets/infostand/InfoStandWidgetPetView.tsx b/src/components/room/widgets/infostand/InfoStandWidgetPetView.tsx
index 7495eb82..cf56e4db 100644
--- a/src/components/room/widgets/infostand/InfoStandWidgetPetView.tsx
+++ b/src/components/room/widgets/infostand/InfoStandWidgetPetView.tsx
@@ -39,7 +39,7 @@ export const InfoStandWidgetPetView: FC<InfoStandWidgetPetViewProps> = props =>
                                     <Flex fit center position="absolute">
                                         <Text variant="white" small>{ petData.happyness + '/' + petData.maximumHappyness }</Text>
                                     </Flex>
-                                    <Base className="bg-info rounded pet-stats" style={{ width: (petData.happyness / petData.maximumHappyness) * 100 + '%' }} />
+                                    <Base className="bg-info rounded pet-stats" style={ { width: (petData.happyness / petData.maximumHappyness) * 100 + '%' } } />
                                 </Base>
                             </Column>
                             <Column alignItems="center" gap={ 1 }>
@@ -48,7 +48,7 @@ export const InfoStandWidgetPetView: FC<InfoStandWidgetPetViewProps> = props =>
                                     <Flex fit center position="absolute">
                                         <Text variant="white" small>{ petData.experience + '/' + petData.levelExperienceGoal }</Text>
                                     </Flex>
-                                    <Base className="bg-purple rounded pet-stats" style={{ width: (petData.experience / petData.levelExperienceGoal) * 100 + '%' }} />
+                                    <Base className="bg-purple rounded pet-stats" style={ { width: (petData.experience / petData.levelExperienceGoal) * 100 + '%' } } />
                                 </Base>
                             </Column>
                             <Column alignItems="center" gap={ 1 }>
@@ -57,7 +57,7 @@ export const InfoStandWidgetPetView: FC<InfoStandWidgetPetViewProps> = props =>
                                     <Flex fit center position="absolute">
                                         <Text variant="white" small>{ petData.energy + '/' + petData.maximumEnergy }</Text>
                                     </Flex>
-                                    <Base className="bg-success rounded pet-stats" style={{ width: (petData.energy / petData.maximumEnergy) * 100 + '%' }} />
+                                    <Base className="bg-success rounded pet-stats" style={ { width: (petData.energy / petData.maximumEnergy) * 100 + '%' } } />
                                 </Base>
                             </Column>
                         </Column>
diff --git a/src/components/room/widgets/infostand/InfoStandWidgetUserRelationshipsView.tsx b/src/components/room/widgets/infostand/InfoStandWidgetUserRelationshipsView.tsx
index f7aa72fc..580a537f 100644
--- a/src/components/room/widgets/infostand/InfoStandWidgetUserRelationshipsView.tsx
+++ b/src/components/room/widgets/infostand/InfoStandWidgetUserRelationshipsView.tsx
@@ -27,7 +27,7 @@ export const InfoStandWidgetUserRelationshipsView: FC<InfoStandWidgetUserRelatio
 
         return (
             <Flex alignItems="center" gap={ 1 }>
-                <i className={`nitro-friends-spritesheet icon-${relationshipName}`} />
+                <i className={ `nitro-friends-spritesheet icon-${ relationshipName }` } />
                 <Flex alignItems="center" gap={ 0 }>
                     <Text small variant="white" onClick={ event => GetUserProfile(relationshipInfo.randomFriendId) }>
                         <u>{ relationshipInfo.randomFriendName }</u>
diff --git a/src/components/room/widgets/infostand/InfoStandWidgetView.tsx b/src/components/room/widgets/infostand/InfoStandWidgetView.tsx
index 014638b3..fcafad92 100644
--- a/src/components/room/widgets/infostand/InfoStandWidgetView.tsx
+++ b/src/components/room/widgets/infostand/InfoStandWidgetView.tsx
@@ -103,7 +103,7 @@ export const InfoStandWidgetView: FC<{}> = props =>
                 return <InfoStandWidgetFurniView furniData={ (infoStandEvent as RoomWidgetUpdateInfostandFurniEvent) } close={ closeInfostand } />;
             case RoomWidgetUpdateInfostandUserEvent.OWN_USER:
             case RoomWidgetUpdateInfostandUserEvent.PEER:
-                return <InfoStandWidgetUserView userData={ (infoStandEvent as RoomWidgetUpdateInfostandUserEvent) } setUserData={ setInfoStandEvent} close={ closeInfostand } />;
+                return <InfoStandWidgetUserView userData={ (infoStandEvent as RoomWidgetUpdateInfostandUserEvent) } setUserData={ setInfoStandEvent } close={ closeInfostand } />;
             case RoomWidgetUpdateInfostandUserEvent.BOT:
                 return <InfoStandWidgetBotView botData={ (infoStandEvent as RoomWidgetUpdateInfostandUserEvent) } close={ closeInfostand } />;
             case RoomWidgetUpdateInfostandRentableBotEvent.RENTABLE_BOT:
diff --git a/src/components/room/widgets/word-quiz/WordQuizWidgetView.tsx b/src/components/room/widgets/word-quiz/WordQuizWidgetView.tsx
index ff40429b..d3a1c57a 100644
--- a/src/components/room/widgets/word-quiz/WordQuizWidgetView.tsx
+++ b/src/components/room/widgets/word-quiz/WordQuizWidgetView.tsx
@@ -156,9 +156,9 @@ export const WordQuizWidgetView: FC<{}> = props =>
     return (
         <>
             { question &&
-                <WordQuizQuestionView question={question.content} canVote={!answerSent} vote={vote} noVotes={answerCounts.get(VALUE_KEY_DISLIKE) || 0} yesVotes={answerCounts.get(VALUE_KEY_LIKE) || 0} /> }
+                <WordQuizQuestionView question={ question.content } canVote={ !answerSent } vote={ vote } noVotes={ answerCounts.get(VALUE_KEY_DISLIKE) || 0 } yesVotes={ answerCounts.get(VALUE_KEY_LIKE) || 0 } /> }
             { userAnswers &&
-                Array.from(userAnswers.entries()).map(([ key, value ], index) => <WordQuizVoteView key={index} userIndex={key} vote={value.value} />) }
+                Array.from(userAnswers.entries()).map(([ key, value ], index) => <WordQuizVoteView key={ index } userIndex={ key } vote={ value.value } />) }
         </>
     );
 }
diff --git a/src/components/toolbar/ToolbarMeView.tsx b/src/components/toolbar/ToolbarMeView.tsx
index 9a27e5e3..43599d88 100644
--- a/src/components/toolbar/ToolbarMeView.tsx
+++ b/src/components/toolbar/ToolbarMeView.tsx
@@ -44,7 +44,7 @@ export const ToolbarMeView: FC<ToolbarMeViewProps> = props =>
                     <LayoutItemCountView count={ unseenAchievementCount } /> }
             </Base>
             <Base pointer className="navigation-item icon icon-me-profile" onClick={ event => GetUserProfile(GetSessionDataManager().userId) } />
-            <Base pointer className="navigation-item icon icon-me-rooms" onClick={ event => CreateLinkEvent('navigator/search/myworld_view')} />
+            <Base pointer className="navigation-item icon icon-me-rooms" onClick={ event => CreateLinkEvent('navigator/search/myworld_view') } />
             <Base pointer className="navigation-item icon icon-me-clothing" onClick={ event => CreateLinkEvent('avatar-editor/toggle') } />
             <Base pointer className="navigation-item icon icon-me-settings" onClick={ event => CreateLinkEvent('user-settings/toggle') } />
             { children }
diff --git a/src/components/toolbar/ToolbarView.tsx b/src/components/toolbar/ToolbarView.tsx
index cc78c737..5933862e 100644
--- a/src/components/toolbar/ToolbarView.tsx
+++ b/src/components/toolbar/ToolbarView.tsx
@@ -41,8 +41,8 @@ export const ToolbarView: FC<{ isInRoom: boolean }> = props =>
 
         document.body.append(image);
 
-        const targetBounds  = target.getBoundingClientRect();
-        const imageBounds   = image.getBoundingClientRect();
+        const targetBounds = target.getBoundingClientRect();
+        const imageBounds = image.getBoundingClientRect();
 
         const left = (imageBounds.x - targetBounds.x);
         const top = (imageBounds.y - targetBounds.y);
diff --git a/src/components/toolbar/common/ToolbarViewItems.ts b/src/components/toolbar/common/ToolbarViewItems.ts
index 9833dd72..dd05f863 100644
--- a/src/components/toolbar/common/ToolbarViewItems.ts
+++ b/src/components/toolbar/common/ToolbarViewItems.ts
@@ -1,15 +1,15 @@
 export class ToolbarViewItems
 {
-    public static NAVIGATOR_ITEM: string    = 'TVI_NAVIGATOR_ITEM';
-    public static INVENTORY_ITEM: string    = 'TVI_INVENTORY_ITEM';
-    public static CATALOG_ITEM: string      = 'TVI_CATALOG_ITEM';
-    public static FRIEND_LIST_ITEM: string  = 'TVI_FRIEND_LIST_ITEM';
-    public static FRIEND_CHAT_ITEM: string  = 'TVI_FRIEND_CHAT_ITEM';
-    public static CLOTHING_ITEM: string     = 'TVI_CLOTHING_ITEM';
-    public static CAMERA_ITEM: string       = 'TVI_CAMERA_ITEM';
-    public static MOD_TOOLS_ITEM: string    = 'TVI_MOD_TOOLS_ITEM';
+    public static NAVIGATOR_ITEM: string = 'TVI_NAVIGATOR_ITEM';
+    public static INVENTORY_ITEM: string = 'TVI_INVENTORY_ITEM';
+    public static CATALOG_ITEM: string = 'TVI_CATALOG_ITEM';
+    public static FRIEND_LIST_ITEM: string = 'TVI_FRIEND_LIST_ITEM';
+    public static FRIEND_CHAT_ITEM: string = 'TVI_FRIEND_CHAT_ITEM';
+    public static CLOTHING_ITEM: string = 'TVI_CLOTHING_ITEM';
+    public static CAMERA_ITEM: string = 'TVI_CAMERA_ITEM';
+    public static MOD_TOOLS_ITEM: string = 'TVI_MOD_TOOLS_ITEM';
     public static ACHIEVEMENTS_ITEM: string = 'TVI_ACHIEVEMENTS_ITEM';
-    public static PROFILE_ITEM: string      = 'TVI_PROFILE_ITEM';
-    public static SETTINGS_ITEM: string     = 'TVI_SETTINGS_ITEM';
-    public static GUIDE_TOOL_ITEM: string     = 'TVI_GUIDE_TOOL_ITEM';
+    public static PROFILE_ITEM: string = 'TVI_PROFILE_ITEM';
+    public static SETTINGS_ITEM: string = 'TVI_SETTINGS_ITEM';
+    public static GUIDE_TOOL_ITEM: string = 'TVI_GUIDE_TOOL_ITEM';
 }
diff --git a/src/components/user-profile/UserProfileView.tsx b/src/components/user-profile/UserProfileView.tsx
index 58d458b7..d744a7c0 100644
--- a/src/components/user-profile/UserProfileView.tsx
+++ b/src/components/user-profile/UserProfileView.tsx
@@ -109,7 +109,7 @@ export const UserProfileView: FC<{}> = props =>
                     </Column>
                 </Grid>
                 <Flex alignItems="center" className="rooms-button-container px-2 py-1">
-                    <Flex alignItems="center" gap={ 1 } onClick={ event => CreateLinkEvent(`navigator/search/hotel_view/owner:${ userProfile.username }`)}>
+                    <Flex alignItems="center" gap={ 1 } onClick={ event => CreateLinkEvent(`navigator/search/hotel_view/owner:${ userProfile.username }`) }>
                         <i className="icon icon-rooms" />
                         <Text bold underline pointer>{ LocalizeText('extendedprofile.rooms') }</Text>
                     </Flex>
diff --git a/src/components/user-profile/views/FriendsContainerView.tsx b/src/components/user-profile/views/FriendsContainerView.tsx
index 756616e6..f5449d17 100644
--- a/src/components/user-profile/views/FriendsContainerView.tsx
+++ b/src/components/user-profile/views/FriendsContainerView.tsx
@@ -21,7 +21,7 @@ export const FriendsContainerView: FC<FriendsContainerViewProps> = props =>
             </Text>
             <Text bold small>{ LocalizeText('extendedprofile.relstatus') }</Text>
             <Column>
-                <RelationshipsContainerView relationships={relationships} />
+                <RelationshipsContainerView relationships={ relationships } />
             </Column>
         </Column>
     )
diff --git a/src/components/user-profile/views/GroupsContainerView.tsx b/src/components/user-profile/views/GroupsContainerView.tsx
index 7ace0c25..5e05aaa8 100644
--- a/src/components/user-profile/views/GroupsContainerView.tsx
+++ b/src/components/user-profile/views/GroupsContainerView.tsx
@@ -76,7 +76,7 @@ export const GroupsContainerView: FC<GroupsContainerViewProps> = props =>
                         return (
                             <LayoutGridItem key={ index } overflow="unset" itemActive={ (selectedGroupId === group.groupId) } onClick={ () => setSelectedGroupId(group.groupId) } className="p-1">
                                 { itsMe &&
-                                        <i className={ 'position-absolute end-0 top-0 z-index-1 icon icon-group-' + (group.favourite ? 'favorite' : 'not-favorite') } onClick={ () => ToggleFavoriteGroup(group) } /> }
+                                <i className={ 'position-absolute end-0 top-0 z-index-1 icon icon-group-' + (group.favourite ? 'favorite' : 'not-favorite') } onClick={ () => ToggleFavoriteGroup(group) } /> }
                                 <LayoutBadgeImageView badgeCode={ group.badgeCode } isGroup={ true } />
                             </LayoutGridItem>
                         )
diff --git a/src/components/user-profile/views/UserContainerView.tsx b/src/components/user-profile/views/UserContainerView.tsx
index 97cef6cc..ceba4bfc 100644
--- a/src/components/user-profile/views/UserContainerView.tsx
+++ b/src/components/user-profile/views/UserContainerView.tsx
@@ -33,7 +33,7 @@ export const UserContainerView: FC<UserContainerViewProps> = props =>
                 <LayoutAvatarImageView figure={ userProfile.figure } direction={ 2 } />
             </Column>
             <Column>
-                <Column gap={ 0}>
+                <Column gap={ 0 }>
                     <Text bold>{ userProfile.username }</Text>
                     <Text italics textBreak small>{ userProfile.motto }&nbsp;</Text>
                 </Column>
diff --git a/src/components/user-settings/UserSettingsView.tsx b/src/components/user-settings/UserSettingsView.tsx
index 95ca3dc0..6768c898 100644
--- a/src/components/user-settings/UserSettingsView.tsx
+++ b/src/components/user-settings/UserSettingsView.tsx
@@ -126,7 +126,7 @@ export const UserSettingsView: FC<{}> = props =>
 
     return (
         <NitroCardView uniqueKey="user-settings" className="user-settings-window" theme="primary-slim">
-            <NitroCardHeaderView headerText={ LocalizeText('widget.memenu.settings.title') } onCloseClick={event => processAction('close_view')} />
+            <NitroCardHeaderView headerText={ LocalizeText('widget.memenu.settings.title') } onCloseClick={ event => processAction('close_view') } />
             <NitroCardContentView className="text-black">
                 <Column gap={ 1 }>
                     <Flex alignItems="center" gap={ 1 }>
diff --git a/src/components/wired/WiredView.tsx b/src/components/wired/WiredView.tsx
index 63d42d95..971aec0a 100644
--- a/src/components/wired/WiredView.tsx
+++ b/src/components/wired/WiredView.tsx
@@ -49,7 +49,7 @@ export const WiredView: FC<{}> = props =>
     }
 
     return (
-        <WiredContextProvider value={ { trigger, setTrigger, intParams, setIntParams, stringParam, setStringParam, furniIds, setFurniIds, actionDelay, setActionDelay, saveWired }}>
+        <WiredContextProvider value={ { trigger, setTrigger, intParams, setIntParams, stringParam, setStringParam, furniIds, setFurniIds, actionDelay, setActionDelay, saveWired } }>
             <WiredMessageHandler />
             { (trigger !== null) &&
                 GetWiredLayout(trigger) }
diff --git a/src/components/wired/views/actions/WiredActionGiveRewardView.tsx b/src/components/wired/views/actions/WiredActionGiveRewardView.tsx
index 8e132bcd..43a8f943 100644
--- a/src/components/wired/views/actions/WiredActionGiveRewardView.tsx
+++ b/src/components/wired/views/actions/WiredActionGiveRewardView.tsx
@@ -100,7 +100,7 @@ export const WiredActionGiveRewardView: FC<{}> = props =>
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } hasSpecialInput={ true } save={ save }>
             <Flex alignItems="center" gap={ 1 }>
-                <input className="form-check-input" type="checkbox" id="limitEnabled" onChange={ event => setLimitEnabled(event.target.checked)} />
+                <input className="form-check-input" type="checkbox" id="limitEnabled" onChange={ event => setLimitEnabled(event.target.checked) } />
                 <Text>{ LocalizeText('wiredfurni.params.prizelimit', [ 'amount' ], [ limitEnabled ? rewardsLimit.toString() : '' ]) }</Text>
             </Flex>
             { !limitEnabled &&
@@ -129,7 +129,7 @@ export const WiredActionGiveRewardView: FC<{}> = props =>
             </Column>
             <hr className="m-0 bg-dark" />
             <Flex alignItems="center" gap={ 1 }>
-                <input className="form-check-input" type="checkbox" id="uniqueRewards" checked={ uniqueRewards } onChange={(e) => setUniqueRewards(e.target.checked)} />
+                <input className="form-check-input" type="checkbox" id="uniqueRewards" checked={ uniqueRewards } onChange={ (e) => setUniqueRewards(e.target.checked) } />
                 <Text>Unique rewards</Text>
             </Flex>
             <Text center small className="bg-muted rounded p-1">
@@ -148,15 +148,15 @@ export const WiredActionGiveRewardView: FC<{}> = props =>
                     return (
                         <Flex key={ index } gap={ 1 }>
                             <Flex alignItems="center" gap={ 1 }>
-                                <input className="form-check-input" type="checkbox" checked={ reward.isBadge } onChange={(e) => updateReward(index, e.target.checked, reward.itemCode, reward.probability)} />
+                                <input className="form-check-input" type="checkbox" checked={ reward.isBadge } onChange={ (e) => updateReward(index, e.target.checked, reward.itemCode, reward.probability) } />
                                 <Text small>Badge?</Text>
                             </Flex>
                             <input type="text" className="form-control form-control-sm" value={ reward.itemCode } onChange={ e => updateReward(index, reward.isBadge, e.target.value, reward.probability) } placeholder="Item Code" />
                             <input type="number" className="form-control form-control-sm" value={ reward.probability } onChange={ e => updateReward(index, reward.isBadge, reward.itemCode, Number(e.target.value)) } placeholder="Probability" />
                             { (index > 0) &&
-                                    <Button variant="danger" onClick={ event => removeReward(index) }>
-                                        <FontAwesomeIcon icon="trash" />
-                                    </Button> }
+                            <Button variant="danger" onClick={ event => removeReward(index) }>
+                                <FontAwesomeIcon icon="trash" />
+                            </Button> }
                         </Flex>
                     )
                 }) }
diff --git a/src/workers/WorkerBuilder.ts b/src/workers/WorkerBuilder.ts
index dc2ce67e..b848893e 100644
--- a/src/workers/WorkerBuilder.ts
+++ b/src/workers/WorkerBuilder.ts
@@ -3,7 +3,7 @@ export class WorkerBuilder extends Worker
     constructor(worker)
     {
         const code = worker.toString();
-        const blob = new Blob([ `(${code})()` ]);
+        const blob = new Blob([ `(${ code })()` ]);
 
         super(URL.createObjectURL(blob));
     }