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

Navigator updates

Browse Source
This commit is contained in:
Bill 2022-01-15 03:37:48 -05:00
parent 2837e6c489
commit f23099c2fa
3 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/navigator/views/creator/NavigatorRoomCreatorView.tsx
View File

@ -2,6 +2,7 @@
import { HabboClubLevelEnum, RoomCreateComposer } from '@nitrots/nitro-renderer'; import { HabboClubLevelEnum, RoomCreateComposer } from '@nitrots/nitro-renderer';
import { FC, useEffect, useState } from 'react'; import { FC, useEffect, useState } from 'react';
import { GetConfiguration, GetSessionDataManager, LocalizeText } from '../../../../api'; import { GetConfiguration, GetSessionDataManager, LocalizeText } from '../../../../api';
import { Button } from '../../../../common/Button';
import { Column } from '../../../../common/Column'; import { Column } from '../../../../common/Column';
import { Flex } from '../../../../common/Flex'; import { Flex } from '../../../../common/Flex';
import { Grid } from '../../../../common/Grid'; import { Grid } from '../../../../common/Grid';
@ -38,8 +39,6 @@ export const NavigatorRoomCreatorView: FC<{}> = props =>
const createRoom = () => const createRoom = () =>
{ {
if(!name || name.length < 3) return;
SendMessageHook(new RoomCreateComposer(name, description, 'model_' + selectedModelName, Number(category), Number(visitorsCount), tradesSetting)); SendMessageHook(new RoomCreateComposer(name, description, 'model_' + selectedModelName, Number(category), Number(visitorsCount), tradesSetting));
} }
@ -69,11 +68,11 @@ export const NavigatorRoomCreatorView: FC<{}> = props =>
<Grid fullHeight={ false }> <Grid fullHeight={ false }>
<Column size={ 6 } gap={ 1 }> <Column size={ 6 } gap={ 1 }>
<Text>{ LocalizeText('navigator.createroom.roomnameinfo') }</Text> <Text>{ LocalizeText('navigator.createroom.roomnameinfo') }</Text>
<input type="text" className="form-control form-control-sm" onChange={ (e) => setName(e.target.value) } /> <input type="text" className="form-control form-control-sm" onChange={ event => setName(event.target.value) } />
</Column> </Column>
<Column size={ 6 } gap={ 1 }> <Column size={ 6 } gap={ 1 }>
<Text>{ LocalizeText('navigator.category') }</Text> <Text>{ LocalizeText('navigator.category') }</Text>
<select className="form-select form-select-sm" onChange={ (e) => setCategory(Number(e.target.value)) }> <select className="form-select form-select-sm" onChange={ event => setCategory(Number(event.target.value)) }>
{ categories && categories.map(category => { categories && categories.map(category =>
{ {
return <option key={ category.id } value={ category.id }>{ LocalizeText(category.name) }</option> return <option key={ category.id } value={ category.id }>{ LocalizeText(category.name) }</option>
@ -82,7 +81,7 @@ export const NavigatorRoomCreatorView: FC<{}> = props =>
</Column> </Column>
<Column size={ 6 } gap={ 1 }> <Column size={ 6 } gap={ 1 }>
<Text>{ LocalizeText('navigator.maxvisitors') }</Text> <Text>{ LocalizeText('navigator.maxvisitors') }</Text>
<select className="form-select form-select-sm" onChange={ (e) => setVisitorsCount(Number(e.target.value)) }> <select className="form-select form-select-sm" onChange={ event => setVisitorsCount(Number(event.target.value)) }>
{ maxVisitorsList && maxVisitorsList.map(value => { maxVisitorsList && maxVisitorsList.map(value =>
{ {
return <option key={ value } value={ value }>{ value }</option> return <option key={ value } value={ value }>{ value }</option>
@ -91,7 +90,7 @@ export const NavigatorRoomCreatorView: FC<{}> = props =>
</Column> </Column>
<Column size={ 6 } gap={ 1 }> <Column size={ 6 } gap={ 1 }>
<Text>{ LocalizeText('navigator.tradesettings') }</Text> <Text>{ LocalizeText('navigator.tradesettings') }</Text>
<select className="form-select form-select-sm" onChange={ (e) => setTradesSetting(Number(e.target.value)) }> <select className="form-select form-select-sm" onChange={ event => setTradesSetting(Number(event.target.value)) }>
<option value="0">{ LocalizeText('navigator.roomsettings.trade_not_allowed') }</option> <option value="0">{ LocalizeText('navigator.roomsettings.trade_not_allowed') }</option>
<option value="1">{ LocalizeText('navigator.roomsettings.trade_not_with_Controller') }</option> <option value="1">{ LocalizeText('navigator.roomsettings.trade_not_with_Controller') }</option>
<option value="2">{ LocalizeText('navigator.roomsettings.trade_allowed') }</option> <option value="2">{ LocalizeText('navigator.roomsettings.trade_allowed') }</option>
@ -100,7 +99,7 @@ export const NavigatorRoomCreatorView: FC<{}> = props =>
</Grid> </Grid>
<Column gap={ 1 }> <Column gap={ 1 }>
<Text>{ LocalizeText('navigator.createroom.roomdescinfo') }</Text> <Text>{ LocalizeText('navigator.createroom.roomdescinfo') }</Text>
<input type="text" className="form-control form-control-sm" onChange={ (e) => setDescription(e.target.value) } /> <input type="text" className="form-control form-control-sm" onChange={ event => setDescription(event.target.value) } />
</Column> </Column>
<Flex overflow="auto" gap={ 1 }> <Flex overflow="auto" gap={ 1 }>
{ {
@ -116,7 +115,7 @@ export const NavigatorRoomCreatorView: FC<{}> = props =>
}) })
} }
</Flex> </Flex>
<button className="btn btn-success float-end" onClick={ () => createRoom() } disabled={ !name || name.length < 3 }>{ LocalizeText('navigator.createroom.create') }</button> <Button variant="success" onClick={ createRoom } disabled={ (!name || (name.length < 3)) }>{ LocalizeText('navigator.createroom.create') }</Button>
</Column> </Column>
); );
} }

2
src/components/navigator/views/room-info/NavigatorRoomInfoView.tsx
View File

@ -143,7 +143,7 @@ export const NavigatorRoomInfoView: FC<NavigatorRoomInfoViewProps> = props =>
{ roomInfoData.enteredGuestRoom.showOwner && { roomInfoData.enteredGuestRoom.showOwner &&
<Flex alignItems="center" gap={ 1 }> <Flex alignItems="center" gap={ 1 }>
<Text variant="muted">{ LocalizeText('navigator.roomownercaption') }</Text> <Text variant="muted">{ LocalizeText('navigator.roomownercaption') }</Text>
<Flex alignItems="center"> <Flex alignItems="center" gap={ 1 }>
<UserProfileIconView userId={ roomInfoData.enteredGuestRoom.ownerId } /> <UserProfileIconView userId={ roomInfoData.enteredGuestRoom.ownerId } />
<Text>{ roomInfoData.enteredGuestRoom.ownerName }</Text> <Text>{ roomInfoData.enteredGuestRoom.ownerName }</Text>
</Flex> </Flex>

2
src/layout/user-profile-icon/UserProfileIconView.tsx
View File

@ -22,7 +22,7 @@ export const UserProfileIconView: FC<UserProfileIconViewProps> = props =>
}, [ classNames ]); }, [ classNames ]);
return ( return (
<Base classNames={ getClassNames } onClick={ event => GetUserProfile(userId) } { ... rest }> <Base classNames={ getClassNames } pointer={ pointer } onClick={ event => GetUserProfile(userId) } { ... rest }>
{ children } { children }
</Base> </Base>
); );