mirror of
https://github.com/billsonnn/nitro-react.git
synced 2024-06-02 23:55:35 +02:00
38 lines
1.7 KiB
TypeScript
38 lines
1.7 KiB
TypeScript
import { GetCfhStatusMessageComposer } from '@nitrots/nitro-renderer';
|
|
import { FC } from 'react';
|
|
import { DispatchUiEvent, GetConfigurationValue, LocalizeText, ReportState, ReportType, SendMessageComposer } from '../../../api';
|
|
import { Button, Text } from '../../../common';
|
|
import { GuideToolEvent } from '../../../events';
|
|
import { useHelp } from '../../../hooks';
|
|
|
|
export const HelpIndexView: FC<{}> = props =>
|
|
{
|
|
const { setActiveReport = null } = useHelp();
|
|
|
|
const onReportClick = () =>
|
|
{
|
|
setActiveReport(prevValue =>
|
|
{
|
|
const currentStep = ReportState.SELECT_USER;
|
|
const reportType = ReportType.BULLY;
|
|
|
|
return { ...prevValue, currentStep, reportType };
|
|
});
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<div className="flex flex-col justify-center alignp-items-enter flex-grow-1 gap-1">
|
|
<Text fontSize={ 3 }>{ LocalizeText('help.main.frame.title') }</Text>
|
|
<Text>{ LocalizeText('help.main.self.description') }</Text>
|
|
</div>
|
|
<div className="flex flex-col gap-1">
|
|
<Button onClick={ onReportClick }>{ LocalizeText('help.main.bully.subtitle') }</Button>
|
|
<Button disabled={ !GetConfigurationValue('guides.enabled') } onClick={ () => DispatchUiEvent(new GuideToolEvent(GuideToolEvent.CREATE_HELP_REQUEST)) }>{ LocalizeText('help.main.help.title') }</Button>
|
|
<Button disabled={ true }>{ LocalizeText('help.main.self.tips.title') }</Button>
|
|
</div>
|
|
<Button textColor="black" variant="link" onClick={ () => SendMessageComposer(new GetCfhStatusMessageComposer(false)) }>{ LocalizeText('help.main.my.sanction.status') }</Button>
|
|
</>
|
|
)
|
|
}
|