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 = () => {
-
Teamficial@gmail.com
+
teamficial25@gmail.com
© 2025.Teamficial. ALL rights reserved.