info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-09-09 00:30:40 +02:00
Code Issues Releases Wiki Activity

Lock body scroll when mobile is active

Browse Source
This commit is contained in:
Kamran Ahmed
2025-05-27 17:08:15 +01:00
parent b85c7215b1
commit b423f93c43
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/RoadmapAIChat/RoadmapAIChat.tsx
View File

@@ -56,6 +56,7 @@ import {
import { ChatPersona } from '../UserPersona/ChatPersona';
import { userPersonaOptions } from '../../queries/user-persona';
import { UpdatePersonaModal } from '../UserPersona/UpdatePersonaModal';
import { lockBodyScroll } from '../../lib/dom';
export type RoamdapAIChatHistoryType = {
role: AllowedAIChatRole;
@@ -135,6 +136,10 @@ export function RoadmapAIChat(props: RoadmapAIChatProps) {
queryClient,
);
useEffect(() => {
lockBodyScroll(isChatMobileVisible);
}, [isChatMobileVisible]);
const isLimitExceeded = (tokenUsage?.used || 0) >= (tokenUsage?.limit || 0);
const isPaidUser = userBillingDetails?.status === 'active';

4
src/components/TopicDetail/TopicDetail.tsx
View File

@@ -371,7 +371,9 @@ export function TopicDetail(props: TopicDetailProps) {
});
useEffect(() => {
if (isActive) topicRef?.current?.focus();
if (isActive) {
topicRef?.current?.focus();
}
lockBodyScroll(isActive);
}, [isActive]);