ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rate Phone Call: align modal buttons (#2427)

Browse Source
This commit is contained in:
Alexander Zinchuk 2023-01-30 15:55:40 +01:00
parent aeb016dc7c
commit 81bcd32f81
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/calls/phone/RatePhoneCallModal.tsx
View File

@ -29,7 +29,7 @@ const RatePhoneCallModal: FC<OwnProps> = ({
const lang = useLang(); const lang = useLang();
const [rating, setRating] = useState<number | undefined>(); const [rating, setRating] = useState<number | undefined>();
function handleSend() { const handleSend = useCallback(() => {
if (!rating) { if (!rating) {
closeCallRatingModal(); closeCallRatingModal();
return; return;
@ -38,7 +38,7 @@ const RatePhoneCallModal: FC<OwnProps> = ({
rating: rating + 1, rating: rating + 1,
comment: inputRef.current?.value || '', comment: inputRef.current?.value || '',
}); });
} }, [closeCallRatingModal, rating, setCallRating]);
function handleClickStar(index: number) { function handleClickStar(index: number) {
return () => setRating(rating === index ? undefined : index); return () => setRating(rating === index ? undefined : index);
@ -71,11 +71,12 @@ const RatePhoneCallModal: FC<OwnProps> = ({
className={buildClassName(styles.comment, rating !== 4 && rating !== undefined && styles.visible)} className={buildClassName(styles.comment, rating !== 4 && rating !== undefined && styles.visible)}
/> />
{/* eslint-disable-next-line react/jsx-no-bind */} <div className="dialog-buttons mt-2">
<Button className="confirm-dialog-button" isText onClick={handleSend}> <Button className="confirm-dialog-button" isText onClick={handleSend}>
{lang('Send')} {lang('Send')}
</Button> </Button>
<Button className="confirm-dialog-button" isText onClick={handleCancelClick}>{lang('Cancel')}</Button> <Button className="confirm-dialog-button" isText onClick={handleCancelClick}>{lang('Cancel')}</Button>
</div>
</Modal> </Modal>
); );
}; };