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

Update toolbar

Browse Source
This commit is contained in:
Bill 2024-04-11 21:04:27 -04:00
parent e4fbb47853
commit 097912ec57
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/toolbar/ToolbarView.tsx
View File

@ -92,18 +92,18 @@ export const ToolbarView: FC<{ isInRoom: boolean }> = props =>
{ isInRoom && { isInRoom &&
<ToolbarItemView icon="camera" onClick={ event => CreateLinkEvent('camera/toggle') } /> } <ToolbarItemView icon="camera" onClick={ event => CreateLinkEvent('camera/toggle') } /> }
{ isMod && { isMod &&
<div className="cursor-pointer nitro-icon icon-modtools" onClick={ event => CreateLinkEvent('mod-tools/toggle') } /> } <ToolbarItemView icon="modtools" onClick={ event => CreateLinkEvent('mod-tools/toggle') } /> }
</div> </div>
<div className="flex items-center" id="toolbar-chat-input-container" /> <div className="flex items-center" id="toolbar-chat-input-container" />
</div> </div>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div className="flex gap-2"> <div className="flex gap-2">
<div className="cursor-pointer nitro-icon icon-friendall" onClick={ event => CreateLinkEvent('friends/toggle') }> <ToolbarItemView icon="friendall" onClick={ event => CreateLinkEvent('friends/toggle') }>
{ (requests.length > 0) && { (requests.length > 0) &&
<LayoutItemCountView count={ requests.length } /> } <LayoutItemCountView count={ requests.length } /> }
</div> </ToolbarItemView>
{ ((iconState === MessengerIconState.SHOW) || (iconState === MessengerIconState.UNREAD)) && { ((iconState === MessengerIconState.SHOW) || (iconState === MessengerIconState.UNREAD)) &&
<div className={ `nitro-icon icon-message cursor-pointer ${ (iconState === MessengerIconState.UNREAD) && 'is-unseen' }` } onClick={ event => OpenMessengerChat() } /> } <ToolbarItemView className={ (iconState === MessengerIconState.UNREAD) && 'is-unseen' } icon="message" onClick={ event => OpenMessengerChat() } /> }
</div> </div>
<div className="hidden lg:block" id="toolbar-friend-bar-container" /> <div className="hidden lg:block" id="toolbar-friend-bar-container" />
</div> </div>