From 740a51740913ff971a559a60316629fdb7866415 Mon Sep 17 00:00:00 2001
From: MyNameIsBatman <montevechiol@gmail.com>
Date: Sun, 13 Feb 2022 19:55:21 -0300
Subject: [PATCH] Add tags to room-settings

---
 .../NavigatorRoomSettingsView.tsx             |  2 +-
 .../NavigatorRoomSettingsBasicTabView.tsx     | 35 +++++++++++++++++--
 2 files changed, 34 insertions(+), 3 deletions(-)

diff --git a/src/views/navigator/views/room-settings/NavigatorRoomSettingsView.tsx b/src/views/navigator/views/room-settings/NavigatorRoomSettingsView.tsx
index 8fe49ce2..628eca33 100644
--- a/src/views/navigator/views/room-settings/NavigatorRoomSettingsView.tsx
+++ b/src/views/navigator/views/room-settings/NavigatorRoomSettingsView.tsx
@@ -143,7 +143,7 @@ export const NavigatorRoomSettingsView: FC<{}> = props =>
                         return <NitroCardTabsItemView key={ tab } isActive={ currentTab === tab } onClick={ event => setCurrentTab(tab) }>{ LocalizeText(tab) }</NitroCardTabsItemView>
                     }) }
             </NitroCardTabsView>
-            <NitroCardContentView className="text-black px-4">
+            <NitroCardContentView className="text-black px-4 h-100">
                 { currentTab === TABS[0] && <NavigatorRoomSettingsBasicTabView roomSettingsData={ roomSettingsData } setRoomSettingsData={ updateSettings } onSave={ save } /> }
                 { currentTab === TABS[1] && <NavigatorRoomSettingsAccessTabView roomSettingsData={ roomSettingsData } setRoomSettingsData={ updateSettings } onSave={ save } /> }
                 { currentTab === TABS[2] && <NavigatorRoomSettingsRightsTabView roomSettingsData= {roomSettingsData } setRoomSettingsData={ updateSettings } onSave={ save } friends={friends} /> }
diff --git a/src/views/navigator/views/room-settings/views/tab-basic/NavigatorRoomSettingsBasicTabView.tsx b/src/views/navigator/views/room-settings/views/tab-basic/NavigatorRoomSettingsBasicTabView.tsx
index 64329cc1..131b19a2 100644
--- a/src/views/navigator/views/room-settings/views/tab-basic/NavigatorRoomSettingsBasicTabView.tsx
+++ b/src/views/navigator/views/room-settings/views/tab-basic/NavigatorRoomSettingsBasicTabView.tsx
@@ -36,6 +36,30 @@ export const NavigatorRoomSettingsBasicTabView: FC<NavigatorRoomSettingsTabViewP
             case 'trade_state':
                 roomSettings.tradeState =  Number(value);
                 break;
+            case 'tag_1':
+                if(roomSettings.tags.length === 0)
+                {
+                    roomSettings.tags.push(String(value));
+                }
+                else
+                {
+                    roomSettings.tags[0] = String(value);
+                }
+                break;
+            case 'tag_2':
+                if(roomSettings.tags.length === 0)
+                {
+                    roomSettings.tags.push('', String(value));
+                }
+                else if(roomSettings.tags.length === 1)
+                {
+                    roomSettings.tags.push(String(value));
+                }
+                else
+                {
+                    roomSettings.tags[1] = String(value);
+                }
+                break;
             case 'allow_walkthrough':
                 roomSettings.allowWalkthrough = Boolean(value);
                 break;
@@ -82,11 +106,18 @@ export const NavigatorRoomSettingsBasicTabView: FC<NavigatorRoomSettingsTabViewP
                     <option value="2">{ LocalizeText('navigator.roomsettings.trade_allowed') }</option>
                 </select>
             </div>
-            <div className="form-check">
+            <div className="form-group mb-2">
+                <label>{ LocalizeText('navigator.tags') }</label>
+                <div className="d-flex gap-2">
+                    <input className="form-control form-control-sm" value={ roomSettingsData.tags.length > 0 ? roomSettingsData.tags[0] : '' } onChange={ event => handleChange('tag_1', event.target.value) } onBlur={ () => onSave(roomSettingsData) } />
+                    <input className="form-control form-control-sm" value={ roomSettingsData.tags.length > 1 ? roomSettingsData.tags[1] : '' } onChange={ event => handleChange('tag_2', event.target.value) } onBlur={ () => onSave(roomSettingsData) } />
+                </div>
+            </div>
+            <div className="form-check mb-1">
                 <input className="form-check-input" type="checkbox" checked={ roomSettingsData.allowWalkthrough } onChange={ event => handleChange('allow_walkthrough', event.target.checked) } />
                 <label className="form-check-label">{ LocalizeText('navigator.roomsettings.allow_walk_through') }</label>
             </div>
-            <div className="form-group d-flex justify-content-center mt-1">
+            <div className="form-group d-flex justify-content-center">
                 <button type="button" className="btn btn-link btn-sm text-danger fw-bold">
                     <i className="fas fa-times me-1" />
                     { LocalizeText('navigator.roomsettings.delete') }</button>