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 (
<>
<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>
</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 }>
{ LocalizeText('help.bully.submit') }
</Button>

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

@ -1,7 +1,7 @@
import { RoomObjectType } from '@nitrots/nitro-renderer';
import { FC, useMemo, useState } from 'react';
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 { GetChatHistory } from '../../chat-history/common/GetChatHistory';
import { IChatEntry } from '../../chat-history/common/IChatEntry';
@ -54,14 +54,14 @@ export const SelectReportedChatsView: FC<{}> = props =>
return (
<>
<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>
</Column>
<Column gap={ 1 }>
<Column gap={ 1 } overflow="hidden">
{ !!!userChats.length &&
<Text>{ LocalizeText('help.cfh.error.no_user_data') }</Text> }
{ (userChats.length > 0) &&
<Grid gap={ 1 } columnCount={ 1 } overflow="auto">
<AutoGrid gap={ 1 } columnCount={ 1 } columnMinHeight={ 25 } overflow="auto">
{ userChats.map((chat, index) =>
{
return (
@ -70,7 +70,7 @@ export const SelectReportedChatsView: FC<{}> = props =>
</LayoutGridItem>
);
}) }
</Grid> }
</AutoGrid> }
</Column>
<Flex gap={ 2 } justifyContent="between">
<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 { FC, useMemo, useState } from 'react';
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 { GetChatHistory } from '../../chat-history/common/GetChatHistory';
import { IReportedUser } from '../common/IReportedUser';
@ -62,15 +62,15 @@ export const SelectReportedUserView: FC<{}> = props =>
return (
<>
<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) &&
<Text>{ LocalizeText('report.user.pick.user') }</Text> }
</Column>
<Column gap={ 1 }>
<Column gap={ 1 } overflow="hidden">
{ !!!availableUsers.length &&
<Text>{ LocalizeText('report.user.error.nolist') }</Text> }
{ (availableUsers.length > 0) &&
<Grid gap={ 1 } columnCount={ 1 } overflow="auto">
<AutoGrid columnCount={ 1 } columnMinHeight={ 25 } gap={ 1 }>
{ availableUsers.map((user, index) =>
{
return (
@ -79,7 +79,7 @@ export const SelectReportedUserView: FC<{}> = props =>
</LayoutGridItem>
);
}) }
</Grid> }
</AutoGrid> }
</Column>
<Flex gap={ 2 } justifyContent="between">
<Button variant="secondary" onClick={ back }>

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

@ -39,7 +39,7 @@ export const SelectTopicView: FC<{}> = props =>
return (
<>
<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>
</Column>
<Column gap={ 1 } overflow="auto">