From 0f7b13a8fc5d6e056fcaff55868ced85077fb6b9 Mon Sep 17 00:00:00 2001
From: dank074 <torresefrain10@gmail.com>
Date: Wed, 20 Oct 2021 01:01:26 -0500
Subject: [PATCH] style changes to room visits

---
 src/views/mod-tools/ModToolsView.tsx          | 12 ++----
 .../ModToolsUserRoomVisitsView.tsx            | 41 ++++++++++---------
 2 files changed, 25 insertions(+), 28 deletions(-)

diff --git a/src/views/mod-tools/ModToolsView.tsx b/src/views/mod-tools/ModToolsView.tsx
index 9df029de..45ea7b46 100644
--- a/src/views/mod-tools/ModToolsView.tsx
+++ b/src/views/mod-tools/ModToolsView.tsx
@@ -184,9 +184,7 @@ export const ModToolsView: FC<ModToolsViewProps> = props =>
                     return;
                 }
 
-                const itemIndex = openRooms.indexOf(currentRoomId);
-
-                if(itemIndex > -1)
+                if(openRooms.indexOf(currentRoomId) > -1)
                 {
                     handleClick('close_room', currentRoomId.toString());
                 }
@@ -217,9 +215,7 @@ export const ModToolsView: FC<ModToolsViewProps> = props =>
                     return;
                 }
 
-                const itemIndex = openRoomChatlogs.indexOf(currentRoomId);
-
-                if(itemIndex > -1)
+                if(openRoomChatlogs.indexOf(currentRoomId) > -1)
                 {
                     handleClick('close_room_chatlog', currentRoomId.toString());
                 }
@@ -255,9 +251,7 @@ export const ModToolsView: FC<ModToolsViewProps> = props =>
                     return;
                 }
 
-                const itemIndex = openUserInfo.indexOf(userId);
-
-                if(itemIndex > -1)
+                if(openUserInfo.indexOf(userId) > -1)
                 {
                     handleClick('close_user_info', userId.toString());
                 }
diff --git a/src/views/mod-tools/views/user/user-room-visits/ModToolsUserRoomVisitsView.tsx b/src/views/mod-tools/views/user/user-room-visits/ModToolsUserRoomVisitsView.tsx
index 8d1a709e..1bc05a91 100644
--- a/src/views/mod-tools/views/user/user-room-visits/ModToolsUserRoomVisitsView.tsx
+++ b/src/views/mod-tools/views/user/user-room-visits/ModToolsUserRoomVisitsView.tsx
@@ -1,6 +1,7 @@
 import { ModtoolReceivedRoomsUserEvent, ModtoolRequestUserRoomsComposer, ModtoolRoomVisitedData } from '@nitrots/nitro-renderer';
 import { FC, useCallback, useEffect, useState } from 'react';
 import { AutoSizer, List, ListRowProps, ListRowRenderer } from 'react-virtualized';
+import { TryVisitRoom } from '../../../../../api';
 import { CreateMessageHook, SendMessageHook } from '../../../../../hooks';
 import { NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../../../../layout';
 import { ModToolsUserRoomVisitsViewProps } from './ModToolsUserRoomVisitsView.types';
@@ -32,9 +33,11 @@ export const ModToolsUserRoomVisitsView: FC<ModToolsUserRoomVisitsViewProps> = p
         const item = roomVisitData.rooms[props.index];
 
         return (
-        <div style={props.style} key={props.key} className="room-visit">
-            {item.enterHour}:{item.enterMinute} <b>Room:</b> {item.roomName}
-        </div>);
+            <div style={props.style} key={props.key} className="row room-visit">
+                <div className="col-auto text-center">{item.enterHour.toString().padStart(2, '0')}:{item.enterMinute.toString().padStart(2, '0')}</div>
+                <div className="col-7"><span className="fw-bold">Room: </span>{item.roomName}</div>
+                <button className="btn btn-sm btn-link col-sm-auto fw-bold" onClick={() => TryVisitRoom(item.roomId)}>Visit Room</button>
+            </div>);
     }
 
     return (
@@ -42,22 +45,22 @@ export const ModToolsUserRoomVisitsView: FC<ModToolsUserRoomVisitsViewProps> = p
             <NitroCardHeaderView headerText={'User Visits'} onCloseClick={() => onCloseClick()} />
             <NitroCardContentView className="text-black">
                 {roomVisitData &&
-                <div className="row h-100 w-100 user-visits">
-                    <AutoSizer defaultWidth={400} defaultHeight={200}>
-                    {({ height, width }) => 
-                    {
-                        return (
-                            <List
-                                width={width}
-                                height={height}
-                                rowCount={roomVisitData.rooms.length}
-                                rowHeight={25}
-                                className={'roomvisits-container'}
-                                rowRenderer={RowRenderer}
-                            />
-                        )
-                    }}
-                    </AutoSizer>
+                    <div className="row h-100 w-100 user-visits">
+                        <AutoSizer defaultWidth={400} defaultHeight={200}>
+                            {({ height, width }) => 
+                            {
+                                return (
+                                    <List
+                                        width={width}
+                                        height={height}
+                                        rowCount={roomVisitData.rooms.length}
+                                        rowHeight={30}
+                                        className={'roomvisits-container'}
+                                        rowRenderer={RowRenderer}
+                                    />
+                                )
+                            }}
+                        </AutoSizer>
                     </div>
                 }
             </NitroCardContentView>