nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-10-23 11:23:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

style changes to room visits

Browse Source
This commit is contained in:
dank074 2021-10-20 01:01:26 -05:00
parent 59dfb8d9b4
commit 0f7b13a8fc
2 changed files with 25 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/mod-tools/ModToolsView.tsx
View File

@ -184,9 +184,7 @@ export const ModToolsView: FC<ModToolsViewProps> = props =>
return; return;
} }
const itemIndex = openRooms.indexOf(currentRoomId); if(openRooms.indexOf(currentRoomId) > -1)
if(itemIndex > -1)
{ {
handleClick('close_room', currentRoomId.toString()); handleClick('close_room', currentRoomId.toString());
} }
@ -217,9 +215,7 @@ export const ModToolsView: FC<ModToolsViewProps> = props =>
return; return;
} }
const itemIndex = openRoomChatlogs.indexOf(currentRoomId); if(openRoomChatlogs.indexOf(currentRoomId) > -1)
if(itemIndex > -1)
{ {
handleClick('close_room_chatlog', currentRoomId.toString()); handleClick('close_room_chatlog', currentRoomId.toString());
} }
@ -255,9 +251,7 @@ export const ModToolsView: FC<ModToolsViewProps> = props =>
return; return;
} }
const itemIndex = openUserInfo.indexOf(userId); if(openUserInfo.indexOf(userId) > -1)
if(itemIndex > -1)
{ {
handleClick('close_user_info', userId.toString()); handleClick('close_user_info', userId.toString());
} }

41
src/views/mod-tools/views/user/user-room-visits/ModToolsUserRoomVisitsView.tsx
View File

@ -1,6 +1,7 @@
import { ModtoolReceivedRoomsUserEvent, ModtoolRequestUserRoomsComposer, ModtoolRoomVisitedData } from '@nitrots/nitro-renderer'; import { ModtoolReceivedRoomsUserEvent, ModtoolRequestUserRoomsComposer, ModtoolRoomVisitedData } from '@nitrots/nitro-renderer';
import { FC, useCallback, useEffect, useState } from 'react'; import { FC, useCallback, useEffect, useState } from 'react';
import { AutoSizer, List, ListRowProps, ListRowRenderer } from 'react-virtualized'; import { AutoSizer, List, ListRowProps, ListRowRenderer } from 'react-virtualized';
import { TryVisitRoom } from '../../../../../api';
import { CreateMessageHook, SendMessageHook } from '../../../../../hooks'; import { CreateMessageHook, SendMessageHook } from '../../../../../hooks';
import { NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../../../../layout'; import { NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../../../../layout';
import { ModToolsUserRoomVisitsViewProps } from './ModToolsUserRoomVisitsView.types'; import { ModToolsUserRoomVisitsViewProps } from './ModToolsUserRoomVisitsView.types';
@ -32,9 +33,11 @@ export const ModToolsUserRoomVisitsView: FC<ModToolsUserRoomVisitsViewProps> = p
const item = roomVisitData.rooms[props.index]; const item = roomVisitData.rooms[props.index];
return ( return (
<div style={props.style} key={props.key} className="room-visit"> <div style={props.style} key={props.key} className="row room-visit">
{item.enterHour}:{item.enterMinute} <b>Room:</b> {item.roomName} <div className="col-auto text-center">{item.enterHour.toString().padStart(2, '0')}:{item.enterMinute.toString().padStart(2, '0')}</div>
</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 ( return (
@ -42,22 +45,22 @@ export const ModToolsUserRoomVisitsView: FC<ModToolsUserRoomVisitsViewProps> = p
<NitroCardHeaderView headerText={'User Visits'} onCloseClick={() => onCloseClick()} /> <NitroCardHeaderView headerText={'User Visits'} onCloseClick={() => onCloseClick()} />
<NitroCardContentView className="text-black"> <NitroCardContentView className="text-black">
{roomVisitData && {roomVisitData &&
<div className="row h-100 w-100 user-visits"> <div className="row h-100 w-100 user-visits">
<AutoSizer defaultWidth={400} defaultHeight={200}> <AutoSizer defaultWidth={400} defaultHeight={200}>
{({ height, width }) => {({ height, width }) =>
{ {
return ( return (
<List <List
width={width} width={width}
height={height} height={height}
rowCount={roomVisitData.rooms.length} rowCount={roomVisitData.rooms.length}
rowHeight={25} rowHeight={30}
className={'roomvisits-container'} className={'roomvisits-container'}
rowRenderer={RowRenderer} rowRenderer={RowRenderer}
/> />
) )
}} }}
</AutoSizer> </AutoSizer>
</div> </div>
} }
</NitroCardContentView> </NitroCardContentView>