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