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

Header Pinned Message: Inverse navigation when holding <Shift>

Browse Source
This commit is contained in:
Alexander Zinchuk 2023-04-15 13:51:44 +02:00
parent 2aa693eece
commit e21a9ffaf3
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/middle/HeaderPinnedMessage.tsx
View File

@ -39,7 +39,7 @@ type OwnProps = {
customTitle?: string;
className?: string;
onUnpinMessage?: (id: number) => void;
onClick?: () => void;
onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
onAllPinnedClick?: () => void;
isLoading?: boolean;
isFullWidth?: boolean;

15
src/components/middle/MiddleHeader.tsx
View File

@ -42,6 +42,7 @@ import {
selectThreadParam,
selectThreadTopMessageId,
} from '../../global/selectors';
import cycleRestrict from '../../util/cycleRestrict';
import useEnsureMessage from '../../hooks/useEnsureMessage';
import useWindowSize from '../../hooks/useWindowSize';
import useShowTransition from '../../hooks/useShowTransition';
@ -184,15 +185,17 @@ const MiddleHeader: FC<OwnProps & StateProps> = ({
pinMessage({ messageId, isUnpin: true });
}, [pinMessage]);
const handlePinnedMessageClick = useCallback((): void => {
if (!pinnedMessage) return;
const handlePinnedMessageClick = useCallback((e: React.MouseEvent<HTMLElement, MouseEvent>): void => {
const messageId = e.shiftKey && Array.isArray(pinnedMessageIds)
? pinnedMessageIds[cycleRestrict(pinnedMessageIds.length, pinnedMessageIds.indexOf(pinnedMessageId!) - 2)]
: pinnedMessageId!;
if (onFocusPinnedMessage(pinnedMessage.id)) {
if (onFocusPinnedMessage(messageId)) {
focusMessage({
chatId: pinnedMessage.chatId, threadId, messageId: pinnedMessage.id, noForumTopicPanel: true,
chatId, threadId, messageId, noForumTopicPanel: true,
});
}
}, [pinnedMessage, threadId, onFocusPinnedMessage]);
}, [pinnedMessageIds, pinnedMessageId, onFocusPinnedMessage, chatId, threadId]);
const handleAllPinnedClick = useCallback(() => {
openChat({ id: chatId, threadId, type: 'pinned' });
@ -415,7 +418,7 @@ const MiddleHeader: FC<OwnProps & StateProps> = ({
<GroupCallTopPane
hasPinnedOffset={
(shouldRenderPinnedMessage && Boolean(renderingPinnedMessage))
|| (shouldRenderAudioPlayer && Boolean(renderingAudioMessage))
|| (shouldRenderAudioPlayer && Boolean(renderingAudioMessage))
}
chatId={chatId}
/>