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

[Refactoring] Right Column: Tiny renamings

Browse Source
This commit is contained in:
Alexander Zinchuk 2022-02-08 22:29:35 +01:00
parent 9bdaa5fdbc
commit 6edb4c3fab
2 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -263,7 +263,7 @@ const Profile: FC<OwnProps & StateProps> = ({
} else if (!viewportIds) {
renderingDelay = SLIDE_TRANSITION_DURATION;
}
const canRenderContents = useAsyncRendering([chatId, resultType], renderingDelay);
const canRenderContent = useAsyncRendering([chatId, resultType], renderingDelay);
function getMemberContextAction(memberId: string) {
return memberId === currentUserId || !canDeleteMembers ? undefined : [{
@ -275,9 +275,9 @@ const Profile: FC<OwnProps & StateProps> = ({
}];
}
function renderSharedMedia() {
if (!viewportIds || !canRenderContents || !chatMessages) {
const noSpinner = isFirstTab && !canRenderContents;
function renderContent() {
if (!viewportIds || !canRenderContent || !chatMessages) {
const noSpinner = isFirstTab && !canRenderContent;
return (
<div className="content empty-list">
@ -422,10 +422,10 @@ const Profile: FC<OwnProps & StateProps> = ({
ref={containerRef}
className="Profile custom-scroll"
itemSelector={buildInfiniteScrollItemSelector(resultType)}
items={canRenderContents ? viewportIds : undefined}
items={canRenderContent ? viewportIds : undefined}
cacheBuster={cacheBuster}
sensitiveArea={PROFILE_SENSITIVE_AREA}
preloadBackwards={canRenderContents ? (resultType === 'members' ? MEMBERS_SLICE : SHARED_MEDIA_SLICE) : 0}
preloadBackwards={canRenderContent ? (resultType === 'members' ? MEMBERS_SLICE : SHARED_MEDIA_SLICE) : 0}
// To prevent scroll jumps caused by reordering member list
noScrollRestoreOnTop
noFastList
@ -447,7 +447,7 @@ const Profile: FC<OwnProps & StateProps> = ({
onStart={applyTransitionFix}
onStop={handleTransitionStop}
>
{renderSharedMedia}
{renderContent}
</Transition>
<TabList big activeTab={activeTab} tabs={tabs} onSwitchTab={setActiveTab} />
</div>

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

@ -16,8 +16,8 @@ import {
} from '../../modules/selectors';
import useLayoutEffectWithPrevDeps from '../../hooks/useLayoutEffectWithPrevDeps';
import useWindowSize from '../../hooks/useWindowSize';
import useCurrentOrPrev from '../../hooks/useCurrentOrPrev';
import useHistoryBack from '../../hooks/useHistoryBack';
import useCurrentOrPrev from '../../hooks/useCurrentOrPrev';
import RightHeader from './RightHeader';
import Profile from './Profile';
@ -41,7 +41,7 @@ type StateProps = {
nextManagementScreen?: ManagementScreens;
};
const COLUMN_CLOSE_DELAY_MS = 300;
const CLOSE_ANIMATION_DURATION = 300;
const MAIN_SCREENS_COUNT = Object.keys(RightColumnContent).length / 2;
const MANAGEMENT_SCREENS_COUNT = Object.keys(ManagementScreens).length / 2;
@ -194,7 +194,7 @@ const RightColumn: FC<StateProps> = ({
useEffect(() => {
setTimeout(() => {
setShouldSkipTransition(!isOpen);
}, COLUMN_CLOSE_DELAY_MS);
}, CLOSE_ANIMATION_DURATION);
}, [isOpen]);
useEffect(() => {
@ -239,9 +239,10 @@ const RightColumn: FC<StateProps> = ({
case RightColumnContent.AddingMembers:
return (
<AddChatMembers
key={chatId!}
chatId={chatId!}
onNextStep={handleAppendingChatMembers}
isActive={isOpen && isActive}
onNextStep={handleAppendingChatMembers}
onClose={close}
/>
);
@ -261,13 +262,14 @@ const RightColumn: FC<StateProps> = ({
case RightColumnContent.Management:
return (
<Management
key={chatId!}
chatId={chatId!}
currentScreen={managementScreen}
isPromotedByCurrentUser={isPromotedByCurrentUser}
selectedChatMemberId={selectedChatMemberId}
isActive={isOpen && isActive}
onScreenSelect={setManagementScreen}
onChatMemberSelect={handleSelectChatMember}
isActive={isOpen && isActive}
onClose={close}
/>
);