diff --git a/src/app/(main)/teampsylog/_components/BottomComment.tsx b/src/app/(main)/teampsylog/_components/BottomComment.tsx index 3838f9ff..dd6cc829 100644 --- a/src/app/(main)/teampsylog/_components/BottomComment.tsx +++ b/src/app/(main)/teampsylog/_components/BottomComment.tsx @@ -10,6 +10,8 @@ interface BottomSheetProps { } const BottomComment = ({ isOpen, onClose, children }: BottomSheetProps) => { + const sheetHeight = Math.round(typeof window !== 'undefined' ? window.innerHeight * 0.7 : 500); + const { dragCurrentY, isDragging, @@ -20,7 +22,7 @@ const BottomComment = ({ isOpen, onClose, children }: BottomSheetProps) => { handleTouchEnd, handleClose, shouldShow, - } = useBottomSheetDrag({ isOpen, onClose }); + } = useBottomSheetDrag({ isOpen, onClose, sheetHeight }); return ( <> @@ -38,8 +40,8 @@ const BottomComment = ({ isOpen, onClose, children }: BottomSheetProps) => {
void; + sheetHeight: number; } -const useBottomSheetDrag = ({ isOpen, onClose }: UseBottomSheetDragProps) => { +const useBottomSheetDrag = ({ isOpen, onClose, sheetHeight }: UseBottomSheetDragProps) => { const closeTimerRef = useRef(null); + const closeThreshold = sheetHeight * 0.24; const [dragStartY, setDragStartY] = useState(0); const [dragCurrentY, setDragCurrentY] = useState(0); @@ -46,14 +48,14 @@ const useBottomSheetDrag = ({ isOpen, onClose }: UseBottomSheetDragProps) => { const handleMouseUp = useCallback(() => { if (!isDragging) return; - if (dragCurrentY > 150) { + if (dragCurrentY > closeThreshold) { handleClose(); setDragCurrentY(0); } else { setDragCurrentY(0); } setIsDragging(false); - }, [isDragging, dragCurrentY, handleClose]); + }, [isDragging, dragCurrentY, handleClose, closeThreshold]); const handleTouchStart = (e: React.TouchEvent) => { setDragStartY(e.touches[0].clientY); @@ -65,13 +67,14 @@ const useBottomSheetDrag = ({ isOpen, onClose }: UseBottomSheetDragProps) => { const currentY = e.touches[0].clientY; const diff = currentY - dragStartY; if (diff > 0) { + e.preventDefault(); setDragCurrentY(diff); } }; const handleTouchEnd = () => { if (!isDragging) return; - if (dragCurrentY > 150) { + if (dragCurrentY > closeThreshold) { handleClose(); setDragCurrentY(0); } else { diff --git a/src/components/common/Footer.tsx b/src/components/common/Footer.tsx index 3710ed53..6907cb51 100644 --- a/src/components/common/Footer.tsx +++ b/src/components/common/Footer.tsx @@ -25,7 +25,7 @@ const Footer = () => {
-

Teamficial@gmail.com

+

teamficial25@gmail.com

© 2025.Teamficial. ALL rights reserved.

@@ -66,12 +66,12 @@ const Footer = () => {
logo -

Teamficial@gmail.com

+

teamficial25@gmail.com

© 2025.Teamficial. ALL rights reserved.

- + mail