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

Guide - Invite button enabled

Browse Source
This commit is contained in:
oobjectt 2022-12-10 22:40:57 +01:00
parent b479210aca
commit 9a4a83d5ed
2 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/guide-tool/GuideToolView.scss
View File

@ -20,23 +20,23 @@
.chat-messages { .chat-messages {
height: 200px; height: 200px;
.message-avatar { .message-avatar {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
width: 50px; width: 50px;
height: 50px; height: 50px;
.avatar-image { .avatar-image {
position: absolute; position: absolute;
margin-left: -22px; margin-left: -22px;
margin-top: -25px; margin-top: -25px;
} }
} }
.messages-group-left { .messages-group-left {
position: relative; position: relative;
&:before { &:before {
position: absolute; position: absolute;
content: ' '; content: ' ';
@ -49,10 +49,10 @@
left: -8px; left: -8px;
} }
} }
.messages-group-right { .messages-group-right {
position: relative; position: relative;
&:before { &:before {
position: absolute; position: absolute;
content: ' '; content: ' ';
@ -78,5 +78,10 @@
resize: none; resize: none;
outline: none; outline: none;
line-height: 17px; line-height: 17px;
} }
.text-underline
{
text-decoration: underline;
}
} }

4
src/components/guide-tool/views/GuideToolOngoingView.tsx
View File

@ -76,7 +76,7 @@ export const GuideToolOngoingView: FC<GuideToolOngoingViewProps> = props =>
{ isGuide && { isGuide &&
<ButtonGroup> <ButtonGroup>
<Button onClick={ visit }>{ LocalizeText('guide.help.request.guide.ongoing.visit.button') }</Button> <Button onClick={ visit }>{ LocalizeText('guide.help.request.guide.ongoing.visit.button') }</Button>
<Button disabled onClick={ invite }>{ LocalizeText('guide.help.request.guide.ongoing.invite.button') }</Button> <Button onClick={ invite }>{ LocalizeText('guide.help.request.guide.ongoing.invite.button') }</Button>
</ButtonGroup> } </ButtonGroup> }
{ !isGuide && { !isGuide &&
<Column gap={ 0 }> <Column gap={ 0 }>
@ -100,7 +100,7 @@ export const GuideToolOngoingView: FC<GuideToolOngoingViewProps> = props =>
{ (isOwnChat(group.userId)) && GetSessionDataManager().userName } { (isOwnChat(group.userId)) && GetSessionDataManager().userName }
{ (!isOwnChat(group.userId)) && userName } { (!isOwnChat(group.userId)) && userName }
</Text> </Text>
{ group.messages.map((chat, index) => <Base key={ index } className="text-break">{ chat.message }</Base>) } { group.messages.map((chat, index) => <Base key={ index } pointer={ chat.roomId ? true : false } className={ chat.roomId ? 'text-break text-underline' : 'text-break' } onClick={ () => chat.roomId ? TryVisitRoom(chat.roomId) : null }>{ chat.message }</Base>) }
</Base> </Base>
{ (isOwnChat(group.userId)) && { (isOwnChat(group.userId)) &&
<Base className="message-avatar flex-shrink-0"> <Base className="message-avatar flex-shrink-0">