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

Pin Message Modal: Use checkbox for parameter (#5965)

Browse Source 
Co-authored-by: Arno van Liere <46238387+arnovanliere@users.noreply.github.com>
This commit is contained in:
zubiden 2025-06-04 20:41:10 +02:00 committed by Alexander Zinchuk
parent eaca13c851
commit f6aba87097
1 changed files with 23 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/components/common/PinMessageModal.tsx
View File

@ -1,5 +1,4 @@
import type { FC } from '../../lib/teact/teact'; import React, { memo, useState } from '../../lib/teact/teact';
import React, { memo, useCallback } from '../../lib/teact/teact';
import { getActions, withGlobal } from '../../global'; import { getActions, withGlobal } from '../../global';
import { import {
@ -13,9 +12,11 @@ import { selectChat, selectIsChatWithSelf, selectUser } from '../../global/selec
import { isUserId } from '../../util/entities/ids'; import { isUserId } from '../../util/entities/ids';
import renderText from './helpers/renderText'; import renderText from './helpers/renderText';
import useLastCallback from '../../hooks/useLastCallback';
import useOldLang from '../../hooks/useOldLang'; import useOldLang from '../../hooks/useOldLang';
import Button from '../ui/Button'; import Button from '../ui/Button';
import Checkbox from '../ui/Checkbox';
import Modal from '../ui/Modal'; import Modal from '../ui/Modal';
export type OwnProps = { export type OwnProps = {
@ -35,7 +36,7 @@ type StateProps = {
contactName?: string; contactName?: string;
}; };
const PinMessageModal: FC<OwnProps & StateProps> = ({ const PinMessageModal = ({
isOpen, isOpen,
chatId, chatId,
messageId, messageId,
@ -45,22 +46,21 @@ const PinMessageModal: FC<OwnProps & StateProps> = ({
canPinForAll, canPinForAll,
contactName, contactName,
onClose, onClose,
}) => { }: OwnProps & StateProps) => {
const { pinMessage } = getActions(); const { pinMessage } = getActions();
const handlePinMessageForAll = useCallback(() => { const [shouldPinForAll, setShouldPinForAll] = useState(true);
pinMessage({
chatId, messageId, isUnpin: false,
});
onClose();
}, [chatId, messageId, onClose]);
const handlePinMessage = useCallback(() => { const handlePinMessage = useLastCallback(() => {
pinMessage({ pinMessage({
chatId, messageId, isUnpin: false, isOneSide: true, isSilent: true, chatId,
messageId,
isUnpin: false,
isOneSide: !shouldPinForAll,
isSilent: !shouldPinForAll,
}); });
onClose(); onClose();
}, [chatId, messageId, onClose]); });
const lang = useOldLang(); const lang = useOldLang();
@ -84,17 +84,19 @@ const PinMessageModal: FC<OwnProps & StateProps> = ({
title={lang('PinMessageAlertTitle')} title={lang('PinMessageAlertTitle')}
> >
<p>{renderMessage()}</p> <p>{renderMessage()}</p>
<div className="dialog-buttons-column"> {canPinForAll && (
<Checkbox
className="dialog-checkbox"
label={contactName ? renderText(lang('Conversation.PinMessagesFor', contactName))
: lang('Conversation.PinMessageAlert.PinAndNotifyMembers')}
checked={shouldPinForAll}
onCheck={setShouldPinForAll}
/>
)}
<div className="dialog-buttons">
<Button className="confirm-dialog-button" isText onClick={handlePinMessage}> <Button className="confirm-dialog-button" isText onClick={handlePinMessage}>
{lang('DialogPin')} {lang('DialogPin')}
</Button> </Button>
{canPinForAll && (
<Button className="confirm-dialog-button" isText onClick={handlePinMessageForAll}>
{contactName
? renderText(lang('Conversation.PinMessagesFor', contactName))
: lang('Conversation.PinMessageAlert.PinAndNotifyMembers')}
</Button>
)}
<Button className="confirm-dialog-button" isText onClick={onClose}>{lang('Cancel')}</Button> <Button className="confirm-dialog-button" isText onClick={onClose}>{lang('Cancel')}</Button>
</div> </div>
</Modal> </Modal>