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

Update guide tool

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.scss
View File

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

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

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

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

@ -83,7 +83,7 @@ export const GuideToolOngoingView: FC<GuideToolOngoingViewProps> = props =>
</Column> }
<Button variant="danger" disabled>{ LocalizeText('guide.help.common.report.link') }</Button>
</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">
{ messageGroups.map((group, index) =>
{

19
src/components/guide-tool/views/GuideToolUserFeedbackView.tsx
View File

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