nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2025-01-19 05:46:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

Help component updates

Browse Source
This commit is contained in:
Bill 2022-03-15 04:46:39 -04:00
parent f90a2de2b0
commit ec63963256
4 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/help/views/DescribeReportView.tsx
View File

@ -31,10 +31,10 @@ export const DescribeReportView: FC<{}> = props =>
return ( return (
<> <>
<Column gap={ 1 }> <Column gap={ 1 }>
<Text fontSize={ 3 }>{ LocalizeText('help.emergency.chat_report.subtitle') }</Text> <Text fontSize={ 4 }>{ LocalizeText('help.emergency.chat_report.subtitle') }</Text>
<Text>{ LocalizeText('help.cfh.input.text') }</Text> <Text>{ LocalizeText('help.cfh.input.text') }</Text>
</Column> </Column>
<textarea className="form-control" value={ message } onChange={ event => setMessage(event.target.value) } /> <textarea className="form-control h-100" value={ message } onChange={ event => setMessage(event.target.value) } />
<Button variant="success" disabled={ (message.length < 15) } onClick={ submitReport }> <Button variant="success" disabled={ (message.length < 15) } onClick={ submitReport }>
{ LocalizeText('help.bully.submit') } { LocalizeText('help.bully.submit') }
</Button> </Button>

10
src/components/help/views/SelectReportedChatsView.tsx
View File

@ -1,7 +1,7 @@
import { RoomObjectType } from '@nitrots/nitro-renderer'; import { RoomObjectType } from '@nitrots/nitro-renderer';
import { FC, useMemo, useState } from 'react'; import { FC, useMemo, useState } from 'react';
import { LocalizeText } from '../../../api'; import { LocalizeText } from '../../../api';
import { Button, Column, Flex, Grid, LayoutGridItem, Text } from '../../../common'; import { AutoGrid, Button, Column, Flex, LayoutGridItem, Text } from '../../../common';
import { ChatEntryType } from '../../chat-history/common/ChatEntryType'; import { ChatEntryType } from '../../chat-history/common/ChatEntryType';
import { GetChatHistory } from '../../chat-history/common/GetChatHistory'; import { GetChatHistory } from '../../chat-history/common/GetChatHistory';
import { IChatEntry } from '../../chat-history/common/IChatEntry'; import { IChatEntry } from '../../chat-history/common/IChatEntry';
@ -54,14 +54,14 @@ export const SelectReportedChatsView: FC<{}> = props =>
return ( return (
<> <>
<Column gap={ 1 }> <Column gap={ 1 }>
<Text fontSize={ 3 }>{ LocalizeText('help.emergency.chat_report.subtitle') }</Text> <Text fontSize={ 4 }>{ LocalizeText('help.emergency.chat_report.subtitle') }</Text>
<Text>{ LocalizeText('help.emergency.chat_report.description') }</Text> <Text>{ LocalizeText('help.emergency.chat_report.description') }</Text>
</Column> </Column>
<Column gap={ 1 }> <Column gap={ 1 } overflow="hidden">
{ !!!userChats.length && { !!!userChats.length &&
<Text>{ LocalizeText('help.cfh.error.no_user_data') }</Text> } <Text>{ LocalizeText('help.cfh.error.no_user_data') }</Text> }
{ (userChats.length > 0) && { (userChats.length > 0) &&
<Grid gap={ 1 } columnCount={ 1 } overflow="auto"> <AutoGrid gap={ 1 } columnCount={ 1 } columnMinHeight={ 25 } overflow="auto">
{ userChats.map((chat, index) => { userChats.map((chat, index) =>
{ {
return ( return (
@ -70,7 +70,7 @@ export const SelectReportedChatsView: FC<{}> = props =>
</LayoutGridItem> </LayoutGridItem>
); );
}) } }) }
</Grid> } </AutoGrid> }
</Column> </Column>
<Flex gap={ 2 } justifyContent="between"> <Flex gap={ 2 } justifyContent="between">
<Button variant="secondary" onClick={ back }> <Button variant="secondary" onClick={ back }>

10
src/components/help/views/SelectReportedUserView.tsx
View File

@ -1,7 +1,7 @@
import { RoomObjectType } from '@nitrots/nitro-renderer'; import { RoomObjectType } from '@nitrots/nitro-renderer';
import { FC, useMemo, useState } from 'react'; import { FC, useMemo, useState } from 'react';
import { GetSessionDataManager, LocalizeText } from '../../../api'; import { GetSessionDataManager, LocalizeText } from '../../../api';
import { Button, Column, Flex, Grid, LayoutGridItem, Text } from '../../../common'; import { AutoGrid, Button, Column, Flex, LayoutGridItem, Text } from '../../../common';
import { ChatEntryType } from '../../chat-history/common/ChatEntryType'; import { ChatEntryType } from '../../chat-history/common/ChatEntryType';
import { GetChatHistory } from '../../chat-history/common/GetChatHistory'; import { GetChatHistory } from '../../chat-history/common/GetChatHistory';
import { IReportedUser } from '../common/IReportedUser'; import { IReportedUser } from '../common/IReportedUser';
@ -62,15 +62,15 @@ export const SelectReportedUserView: FC<{}> = props =>
return ( return (
<> <>
<Column gap={ 1 }> <Column gap={ 1 }>
<Text fontSize={ 3 }>{ LocalizeText('help.emergency.main.step.two.title') }</Text> <Text fontSize={ 4 }>{ LocalizeText('help.emergency.main.step.two.title') }</Text>
{ (availableUsers.length > 0) && { (availableUsers.length > 0) &&
<Text>{ LocalizeText('report.user.pick.user') }</Text> } <Text>{ LocalizeText('report.user.pick.user') }</Text> }
</Column> </Column>
<Column gap={ 1 }> <Column gap={ 1 } overflow="hidden">
{ !!!availableUsers.length && { !!!availableUsers.length &&
<Text>{ LocalizeText('report.user.error.nolist') }</Text> } <Text>{ LocalizeText('report.user.error.nolist') }</Text> }
{ (availableUsers.length > 0) && { (availableUsers.length > 0) &&
<Grid gap={ 1 } columnCount={ 1 } overflow="auto"> <AutoGrid columnCount={ 1 } columnMinHeight={ 25 } gap={ 1 }>
{ availableUsers.map((user, index) => { availableUsers.map((user, index) =>
{ {
return ( return (
@ -79,7 +79,7 @@ export const SelectReportedUserView: FC<{}> = props =>
</LayoutGridItem> </LayoutGridItem>
); );
}) } }) }
</Grid> } </AutoGrid> }
</Column> </Column>
<Flex gap={ 2 } justifyContent="between"> <Flex gap={ 2 } justifyContent="between">
<Button variant="secondary" onClick={ back }> <Button variant="secondary" onClick={ back }>

2
src/components/help/views/SelectTopicView.tsx
View File

@ -39,7 +39,7 @@ export const SelectTopicView: FC<{}> = props =>
return ( return (
<> <>
<Column gap={ 1 }> <Column gap={ 1 }>
<Text fontSize={ 3 }>{ LocalizeText('help.emergency.chat_report.subtitle') }</Text> <Text fontSize={ 4 }>{ LocalizeText('help.emergency.chat_report.subtitle') }</Text>
<Text>{ LocalizeText('help.cfh.pick.topic') }</Text> <Text>{ LocalizeText('help.cfh.pick.topic') }</Text>
</Column> </Column>
<Column gap={ 1 } overflow="auto"> <Column gap={ 1 } overflow="auto">