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

Context Fix

Browse Source
This commit is contained in:
Batman 2021-04-21 18:31:09 -03:00
parent 0134b12b9e
commit 0ffb6b0d47
3 changed files with 23 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/navigator/NavigatorView.tsx
View File

@ -140,7 +140,7 @@ export function NavigatorView(props: NavigatorViewProps): JSX.Element
</button> </button>
</div> </div>
<NavigatorTabsView topLevelContext={ topLevelContext } topLevelContexts={ topLevelContexts } setTopLevelContext={ setTopLevelContext } /> <NavigatorTabsView topLevelContext={ topLevelContext } topLevelContexts={ topLevelContexts } setTopLevelContext={ setTopLevelContext } />
<TransitionAnimation className="d-flex px-3 pb-3" type={ TransitionAnimationTypes.FADE_IN } inProp={ (!isSearching && !!searchResults) } timeout={ 300 }> <TransitionAnimation className="d-flex px-3 pb-3" type={ TransitionAnimationTypes.FADE_IN } inProp={ (!isSearching && !!searchResults) } timeout={ 200 }>
<NavigatorResultListsView resultLists={ searchResults } /> <NavigatorResultListsView resultLists={ searchResults } />
</TransitionAnimation> </TransitionAnimation>
</div> </div>

2
src/views/navigator/lock/NavigatorLockView.tsx
View File

@ -15,7 +15,6 @@ export function NavigatorLockView(props: NavigatorLockViewProps): JSX.Element
} }
return ( return (
<>
<DraggableWindow handle=".drag-handler"> <DraggableWindow handle=".drag-handler">
<div className="nitro-navigator-lock d-flex flex-column bg-primary border border-black shadow rounded position-absolute"> <div className="nitro-navigator-lock d-flex flex-column bg-primary border border-black shadow rounded position-absolute">
<div className="drag-handler d-flex justify-content-between align-items-center px-3 pt-3"> <div className="drag-handler d-flex justify-content-between align-items-center px-3 pt-3">
@ -33,6 +32,5 @@ export function NavigatorLockView(props: NavigatorLockViewProps): JSX.Element
</div> </div>
</div> </div>
</DraggableWindow> </DraggableWindow>
</>
); );
} }

12
src/views/navigator/result-lists/result-list/result/NavigatorResultView.tsx
View File

@ -1,6 +1,6 @@
import classNames from 'classnames'; import classNames from 'classnames';
import { RoomDataParser } from 'nitro-renderer'; import { RoomDataParser } from 'nitro-renderer';
import React from 'react'; import React, { useContext } from 'react';
import { NavigatorContext } from '../../../NavigatorView'; import { NavigatorContext } from '../../../NavigatorView';
import { NavigatorResultViewProps } from './NavigatorResultView.types'; import { NavigatorResultViewProps } from './NavigatorResultView.types';
@ -8,6 +8,8 @@ export function NavigatorResultView(props: NavigatorResultViewProps): JSX.Elemen
{ {
const { result = null } = props; const { result = null } = props;
const navigatorContext = useContext(NavigatorContext);
function getUserCounterColor(): string function getUserCounterColor(): string
{ {
const num: number = (100 * (result.userCount / result.maxUserCount)); const num: number = (100 * (result.userCount / result.maxUserCount));
@ -37,9 +39,7 @@ export function NavigatorResultView(props: NavigatorResultViewProps): JSX.Elemen
} }
return ( return (
<NavigatorContext.Consumer> <div className="d-flex flex-column justify-content-center align-items-center nitro-navigator-result" onClick={ () => navigatorContext.onTryVisitRoom(result) }>
{ navigatorContext => {
return <div className="d-flex flex-column justify-content-center align-items-center nitro-navigator-result" onClick={ () => navigatorContext.onTryVisitRoom(result) }>
<div className="d-flex justify-content-between w-100 px-2 py-1"> <div className="d-flex justify-content-between w-100 px-2 py-1">
<div className="d-flex justify-content-center flex-grow-1 overflow-hidden"> <div className="d-flex justify-content-center flex-grow-1 overflow-hidden">
<div className={ "d-flex justify-content-center align-items-center badge text-center " + getUserCounterColor() }> <div className={ "d-flex justify-content-center align-items-center badge text-center " + getUserCounterColor() }>
@ -53,12 +53,10 @@ export function NavigatorResultView(props: NavigatorResultViewProps): JSX.Elemen
<i className="fas fa-info-circle small" onClick={ openInfo }></i> <i className="fas fa-info-circle small" onClick={ openInfo }></i>
{ result.habboGroupId > 0 && <i className="fas fa-users mr-2 small"></i> } { result.habboGroupId > 0 && <i className="fas fa-users mr-2 small"></i> }
{ result.doorMode !== RoomDataParser.OPEN_STATE && { result.doorMode !== RoomDataParser.OPEN_STATE &&
<i className={ "mr-2 fas small" + classNames( {'fa-lock': result.doorMode === RoomDataParser.DOORBELL_STATE, 'fa-key': result.doorMode === RoomDataParser.PASSWORD_STATE })}></i> <i className={ 'mr-2 fas small ' + classNames( {'fa-lock': result.doorMode === RoomDataParser.DOORBELL_STATE, 'fa-key': result.doorMode === RoomDataParser.PASSWORD_STATE })}></i>
} }
</div> </div>
</div> </div>
</div> </div>
}}
</NavigatorContext.Consumer>
); );
} }