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

Management: Fix blinking elements (#5443)

Browse Source
This commit is contained in:
Alexander Zinchuk 2025-02-13 14:27:36 +01:00
parent 9de7a95dcb
commit 2072059cf4
8 changed files with 22 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/left/settings/folders/SettingsFoldersEdit.tsx
View File

@ -23,7 +23,7 @@ import { selectChatFilters } from '../../../../hooks/reducers/useFoldersReducer'
import useHistoryBack from '../../../../hooks/useHistoryBack';
import useOldLang from '../../../../hooks/useOldLang';
import AnimatedIcon from '../../../common/AnimatedIcon';
import AnimatedIconWithPreview from '../../../common/AnimatedIconWithPreview';
import GroupChatInfo from '../../../common/GroupChatInfo';
import Icon from '../../../common/icons/Icon';
import PrivateChatInfo from '../../../common/PrivateChatInfo';
@ -283,7 +283,7 @@ const SettingsFoldersEdit: FC<OwnProps & StateProps> = ({
<div className="settings-fab-wrapper">
<div className="settings-content no-border custom-scroll">
<div className="settings-content-header">
<AnimatedIcon
<AnimatedIconWithPreview
size={STICKER_SIZE_FOLDER_SETTINGS}
tgsUrl={LOCAL_TGS_URLS.FoldersNew}
play={String(state.folderId)}

4
src/components/left/settings/folders/SettingsFoldersMain.tsx
View File

@ -21,7 +21,7 @@ import useHistoryBack from '../../../../hooks/useHistoryBack';
import useOldLang from '../../../../hooks/useOldLang';
import usePreviousDeprecated from '../../../../hooks/usePreviousDeprecated';
import AnimatedIcon from '../../../common/AnimatedIcon';
import AnimatedIconWithPreview from '../../../common/AnimatedIconWithPreview';
import Icon from '../../../common/icons/Icon';
import Button from '../../../ui/Button';
import Draggable from '../../../ui/Draggable';
@ -198,7 +198,7 @@ const SettingsFoldersMain: FC<OwnProps & StateProps> = ({
return (
<div className="settings-content no-border custom-scroll">
<div className="settings-content-header">
<AnimatedIcon
<AnimatedIconWithPreview
size={STICKER_SIZE_FOLDER_SETTINGS}
tgsUrl={LOCAL_TGS_URLS.FoldersAll}
className="settings-content-icon"

7
src/components/right/Profile.scss
View File

@ -34,8 +34,15 @@
}
}
.hidden {
display: none;
}
.FloatingActionButton {
z-index: 1;
&.revealed {
transition-delay: 0.2s;
}
}
}

5
src/components/right/Profile.tsx
View File

@ -110,6 +110,7 @@ type OwnProps = {
profileState: ProfileState;
isMobile?: boolean;
onProfileStateChange: (state: ProfileState) => void;
isActive: boolean;
};
type StateProps = {
@ -173,6 +174,7 @@ const INTERSECTION_THROTTLE = 500;
const Profile: FC<OwnProps & StateProps> = ({
chatId,
isActive,
threadId,
profileState,
theme,
@ -826,7 +828,8 @@ const Profile: FC<OwnProps & StateProps> = ({
{canAddMembers && (
<FloatingActionButton
isShown={resultType === 'members'}
className={buildClassName(!isActive && 'hidden')}
isShown={canRenderContent}
onClick={handleNewMemberDialogOpen}
ariaLabel={oldLang('lng_channel_add_users')}
>

1
src/components/right/RightColumn.tsx
View File

@ -313,6 +313,7 @@ const RightColumn: FC<OwnProps & StateProps> = ({
threadId={threadId}
profileState={profileState}
isMobile={isMobile}
isActive={isOpen && isActive}
onProfileStateChange={setProfileState}
/>
);

4
src/components/right/management/ManageDiscussion.tsx
View File

@ -17,7 +17,7 @@ import useFlag from '../../../hooks/useFlag';
import useHistoryBack from '../../../hooks/useHistoryBack';
import useOldLang from '../../../hooks/useOldLang';
import AnimatedIcon from '../../common/AnimatedIcon';
import AnimatedIconWithPreview from '../../common/AnimatedIconWithPreview';
import Avatar from '../../common/Avatar';
import GroupChatInfo from '../../common/GroupChatInfo';
import NothingFound from '../../common/NothingFound';
@ -248,7 +248,7 @@ const ManageDiscussion: FC<OwnProps & StateProps> = ({
<div className="Management">
<div className="custom-scroll">
<div className="section">
<AnimatedIcon
<AnimatedIconWithPreview
tgsUrl={LOCAL_TGS_URLS.DiscussionGroups}
size={STICKER_SIZE_DISCUSSION_GROUPS}
className="section-icon"

4
src/components/right/management/ManageInvites.tsx
View File

@ -21,7 +21,7 @@ import useForceUpdate from '../../../hooks/useForceUpdate';
import useHistoryBack from '../../../hooks/useHistoryBack';
import useOldLang from '../../../hooks/useOldLang';
import AnimatedIcon from '../../common/AnimatedIcon';
import AnimatedIconWithPreview from '../../common/AnimatedIconWithPreview';
import Icon from '../../common/icons/Icon';
import LinkField from '../../common/LinkField';
import NothingFound from '../../common/NothingFound';
@ -274,7 +274,7 @@ const ManageInvites: FC<OwnProps & StateProps> = ({
<div className="Management ManageInvites">
<div className="custom-scroll">
<div className="section">
<AnimatedIcon
<AnimatedIconWithPreview
tgsUrl={LOCAL_TGS_URLS.Invite}
size={STICKER_SIZE_INVITES}
className="section-icon"

4
src/components/right/management/ManageJoinRequests.tsx
View File

@ -13,7 +13,7 @@ import useFlag from '../../../hooks/useFlag';
import useHistoryBack from '../../../hooks/useHistoryBack';
import useOldLang from '../../../hooks/useOldLang';
import AnimatedIcon from '../../common/AnimatedIcon';
import AnimatedIconWithPreview from '../../common/AnimatedIconWithPreview';
import Button from '../../ui/Button';
import ConfirmDialog from '../../ui/ConfirmDialog';
import Spinner from '../../ui/Spinner';
@ -68,7 +68,7 @@ const ManageJoinRequests: FC<OwnProps & StateProps> = ({
<div className="Management ManageJoinRequests">
<div className="custom-scroll">
<div className="section">
<AnimatedIcon
<AnimatedIconWithPreview
tgsUrl={LOCAL_TGS_URLS.JoinRequest}
size={STICKER_SIZE_JOIN_REQUESTS}
className="section-icon"