Update guide tool

This commit is contained in:
Bill 2022-03-01 17:45:41 -05:00
parent 47d4838366
commit 7584163b94
4 changed files with 16 additions and 10 deletions

View File

@ -78,6 +78,8 @@ $nitro-group-manager-height: 355px;
$nitro-chooser-width: 200px; $nitro-chooser-width: 200px;
$nitro-chooser-height: 200px; $nitro-chooser-height: 200px;
$nitro-guide-tool-width: 250px;
.nitro-app { .nitro-app {
width: 100%; width: 100%;
height: 100%; height: 100%;

View File

@ -1,5 +1,5 @@
.nitro-guide-tool { .nitro-guide-tool {
width: 250px; width: $nitro-guide-tool-width;
.duty-switch { .duty-switch {
width: 38px; width: 38px;
@ -19,6 +19,7 @@
} }
.chat-messages { .chat-messages {
height: 200px;
.message-avatar { .message-avatar {
position: relative; position: relative;

View File

@ -83,7 +83,7 @@ export const GuideToolOngoingView: FC<GuideToolOngoingViewProps> = props =>
</Column> } </Column> }
<Button variant="danger" disabled>{ LocalizeText('guide.help.common.report.link') }</Button> <Button variant="danger" disabled>{ LocalizeText('guide.help.common.report.link') }</Button>
</Flex> </Flex>
<Column fullHeight overflow="hidden" gap={ 1 } className="bg-muted rounded chat-messages p-2"> <Column overflow="hidden" gap={ 1 } className="bg-muted rounded chat-messages p-2">
<Column overflow="auto"> <Column overflow="auto">
{ messageGroups.map((group, index) => { messageGroups.map((group, index) =>
{ {

View File

@ -31,14 +31,17 @@ export const GuideToolUserFeedbackView: FC<GuideToolUserFeedbackViewProps> = pro
<Text bold>{ LocalizeText('guide.help.request.user.feedback.closed.title') }</Text> <Text bold>{ LocalizeText('guide.help.request.user.feedback.closed.title') }</Text>
<Text>{ LocalizeText('guide.help.request.user.feedback.closed.desc') }</Text> <Text>{ LocalizeText('guide.help.request.user.feedback.closed.desc') }</Text>
</Column> </Column>
<hr className="bg-dark m-0 mt-auto" /> { userName && (userName.length > 0) &&
<Column> <>
<Text center bold>{ LocalizeText('guide.help.request.user.feedback.question') }</Text> <hr className="bg-dark m-0 mt-auto" />
<Flex gap={ 1 }> <Column>
<Button fullWidth variant="success" onClick={ event => giveFeedback(true) }>{ LocalizeText('guide.help.request.user.feedback.positive.button') }</Button> <Text center bold>{ LocalizeText('guide.help.request.user.feedback.question') }</Text>
<Button fullWidth variant="danger" onClick={ event => giveFeedback(false) }>{ LocalizeText('guide.help.request.user.feedback.negative.button') }</Button> <Flex gap={ 1 }>
</Flex> <Button fullWidth variant="success" onClick={ event => giveFeedback(true) }>{ LocalizeText('guide.help.request.user.feedback.positive.button') }</Button>
</Column> <Button fullWidth variant="danger" onClick={ event => giveFeedback(false) }>{ LocalizeText('guide.help.request.user.feedback.negative.button') }</Button>
</Flex>
</Column>
</> }
</Column> </Column>
); );
}; };