This commit is contained in:
focp212@naver.com
2025-11-18 09:54:36 +09:00
parent 2d1dd6f9e7
commit 4fe4b75e6c
2 changed files with 12 additions and 7 deletions

View File

@@ -16,7 +16,7 @@ import {
useSetFooterCurrentPage, useSetFooterCurrentPage,
useSetIsPullToRefreshEnabled, useSetIsPullToRefreshEnabled,
} from '@/widgets/sub-layout/use-sub-layout'; } from '@/widgets/sub-layout/use-sub-layout';
import { useStore } from '@/shared/model/store'; import { useMenuOnStore, useStore } from '@/shared/model/store';
import { useHomeBannerListMutation } from '@/entities/home/api/use-home-banner-list-mutation'; import { useHomeBannerListMutation } from '@/entities/home/api/use-home-banner-list-mutation';
import { import {
BannerList, BannerList,
@@ -30,8 +30,9 @@ import { snackBar } from '@/shared/lib';
export const HomePage = () => { export const HomePage = () => {
const { openBiometricRegistrationPopup, checkAlarmLink } = useAppBridge(); const { openBiometricRegistrationPopup, checkAlarmLink } = useAppBridge();
const { mutateAsync: homeBannerList } = useHomeBannerListMutation(); const { mutateAsync: homeBannerList } = useHomeBannerListMutation();
const { menuOn } = useMenuOnStore();
useSetIsPullToRefreshEnabled(true); useSetIsPullToRefreshEnabled(!menuOn);
useSetHeaderTitle(''); useSetHeaderTitle('');
useSetHeaderType(HeaderType.Home); useSetHeaderType(HeaderType.Home);
useSetFooterMode(true); useSetFooterMode(true);

View File

@@ -209,7 +209,7 @@ export const PullToRefresh: React.FC<PullToRefreshProps> = ({
// pullDownRef.current!.style.opacity = (yDistanceMoved / 65).toString(); // pullDownRef.current!.style.opacity = (yDistanceMoved / 65).toString();
childrenRef.current!.style.overflow = 'visible'; childrenRef.current!.style.overflow = 'visible';
childrenRef.current!.style.transform = `translate(0px, ${appr(yDistanceMoved)}px)`; childrenRef.current!.style.transform = `translate(0px, ${appr(yDistanceMoved)}px)`;
pullDownRef.current!.style.visibility = 'visible'; // pullDownRef.current!.style.visibility = 'visible';
}; };
const onEnd = (): void => { const onEnd = (): void => {
@@ -234,18 +234,22 @@ export const PullToRefresh: React.FC<PullToRefreshProps> = ({
return ( return (
<div className={`ptr ${className}`} style={{ backgroundColor }} ref={containerRef}> <div className={`ptr ${className}`} style={{ backgroundColor }} ref={containerRef}>
{/* {
/*
<div className="ptr__pull-down" ref={pullDownRef}> <div className="ptr__pull-down" ref={pullDownRef}>
<div className="ptr__loader ptr__pull-down--loading">{refreshingContent}</div> <div className="ptr__loader ptr__pull-down--loading">{refreshingContent}</div>
</div> </div>
*/} */
}
<div className="ptr__children" ref={childrenRef}> <div className="ptr__children" ref={childrenRef}>
{children} {children}
{/* {
/*
<div className="ptr__fetch-more" ref={fetchMoreRef}> <div className="ptr__fetch-more" ref={fetchMoreRef}>
<div className="ptr__loader ptr__fetch-more--loading">{refreshingContent}</div> <div className="ptr__loader ptr__fetch-more--loading">{refreshingContent}</div>
</div> </div>
*/} */
}
</div> </div>
</div> </div>
); );