danog/telegram-tt
1
0
Fork 0
mirror of https://github.com/danog/telegram-tt.git synced 2024-11-27 04:45:08 +01:00
Code Issues Packages Projects Releases Wiki Activity

Right Column: Optimize transitions

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-04-14 03:17:47 +03:00
parent 204bae525a
commit cc3e5edf30
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/right/RightHeader.tsx
View File

@ -18,6 +18,7 @@ import {
selectIsChatWithSelf,
} from '../../modules/selectors';
import { isChatAdmin, isChatChannel, isChatPrivate } from '../../modules/helpers';
import useCurrentOrPrev from '../../hooks/useCurrentOrPrev';
import useFlag from '../../hooks/useFlag';
import useLang from '../../hooks/useLang';
@ -182,13 +183,19 @@ const RightHeader: FC<OwnProps & StateProps & DispatchProps> = ({
HeaderContent.ManageGroupAdminRights
) : managementScreen === ManagementScreens.GroupMembers ? (
HeaderContent.ManageGroupMembers
) : -1 // Never reached
) : undefined // Never reached
) : isStatistics ? (
HeaderContent.Statistics
) : -1; // Never reached
) : undefined; // When column is closed
const renderingContentKey = useCurrentOrPrev(contentKey, true) ?? -1;
function renderHeaderContent() {
switch (contentKey) {
if (renderingContentKey === -1) {
return undefined;
}
switch (renderingContentKey) {
case HeaderContent.PollResults:
return <h3>{lang('PollResults')}</h3>;
case HeaderContent.Search:
@ -307,7 +314,7 @@ const RightHeader: FC<OwnProps & StateProps & DispatchProps> = ({
</Button>
<Transition
name={shouldSkipTransition ? 'none' : 'slide-fade'}
activeKey={contentKey}
activeKey={renderingContentKey}
>
{renderHeaderContent}
</Transition>