2021-12-04 18:43:06 +01:00
|
|
|
import { GuideSessionRequesterCancelsMessageComposer } from '@nitrots/nitro-renderer';
|
2022-02-23 07:40:36 +01:00
|
|
|
import { FC } from 'react';
|
2022-02-23 06:37:47 +01:00
|
|
|
import { LocalizeText } from '../../../api';
|
2022-02-23 07:40:36 +01:00
|
|
|
import { Button, Column, Text } from '../../../common';
|
2022-02-23 06:37:47 +01:00
|
|
|
import { SendMessageHook } from '../../../hooks';
|
|
|
|
|
|
|
|
interface GuideToolUserPendingViewProps
|
|
|
|
{
|
|
|
|
helpRequestDescription: string;
|
|
|
|
helpRequestAverageTime: number;
|
|
|
|
}
|
2021-12-04 18:43:06 +01:00
|
|
|
|
|
|
|
export const GuideToolUserPendingView: FC<GuideToolUserPendingViewProps> = props =>
|
|
|
|
{
|
|
|
|
const { helpRequestDescription = null, helpRequestAverageTime = 0 } = props;
|
|
|
|
|
2022-02-23 07:40:36 +01:00
|
|
|
const cancelRequest = () => SendMessageHook(new GuideSessionRequesterCancelsMessageComposer());
|
2021-12-04 18:43:06 +01:00
|
|
|
|
|
|
|
return (
|
2022-02-23 07:40:36 +01:00
|
|
|
<Column>
|
|
|
|
<Column gap={ 0 } className="bg-muted rounded p-2">
|
|
|
|
<Text bold>{ LocalizeText('guide.help.request.guide.accept.request.title') }</Text>
|
|
|
|
<Text variant="muted">{ LocalizeText('guide.help.request.type.1') }</Text>
|
|
|
|
<Text wrap textBreak>{ helpRequestDescription }</Text>
|
|
|
|
</Column>
|
|
|
|
<Column gap={ 1 }>
|
|
|
|
<Text bold>{ LocalizeText('guide.help.request.user.pending.info.title') }</Text>
|
|
|
|
<Text>{ LocalizeText('guide.help.request.user.pending.info.message') }</Text>
|
|
|
|
<Text>{ LocalizeText('guide.help.request.user.pending.info.waiting', [ 'waitingtime' ], [ helpRequestAverageTime.toString() ]) }</Text>
|
|
|
|
</Column>
|
|
|
|
<Button variant="danger" onClick={ cancelRequest }>{ LocalizeText('guide.help.request.user.pending.cancel.button') }</Button>
|
|
|
|
</Column>
|
2021-12-04 18:43:06 +01:00
|
|
|
);
|
|
|
|
};
|