remove: sidemenu drag effect

This commit is contained in:
Mahyar Khanbolooki
2025-08-12 03:58:16 +03:30
parent 00c491aec5
commit 4cd7b16512
+1 -13
View File
@@ -1,7 +1,7 @@
'use client';
import React, { useMemo, useRef } from 'react';
import { motion, PanInfo, Variants } from 'framer-motion';
import { motion, Variants } from 'framer-motion';
import SideMenuItem from './SideMenuItem';
import NoteBoardIcon from '../icons/NoteBoardIcon';
import BlurredOverlayContainer from '../overlays/BlurredOverlayContainer';
@@ -75,12 +75,6 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
visible: { x: 0, transition: { delay: 0.075, duration: 0.1, ease: 'easeInOut' } }
};
const onDrag = (_event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => {
if (info.offset.x > 20 && closeRef.current) {
closeRef.current.click();
}
};
const hrefOnClicks = [
{ href: '?logout', handler: toggleLogoutModal },
{ href: '?share', handler: toggleShareModal },
@@ -178,12 +172,7 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
<aside aria-label={tMenu('AriaLabel')}>
<BlurredOverlayContainer className='xl:hidden!' bgOpacity={40} visible={menuStateMemo} outDelay={150} inDuration={200}>
<motion.nav
drag='x'
dragConstraints={{ left: 0, right: 20 }}
transition={{ type: "spring", stiffness: 200, damping: 20 }}
dragTransition={{ bounceDamping: 10, bounceStiffness: 600 }}
dragElastic={0.05}
onDragEnd={onDrag}
initial="hidden"
animate={menuState ? 'visible' : 'hidden'}
variants={variants}
@@ -193,7 +182,6 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
className="fixed top-0 bottom-0 right-0 bg-white w-[200px] h-dvh flex flex-col z-40 overflow-clip not-xl:!rounded-s-none"
>
{renderMenu()}
{String(logoutModal)}
</motion.nav>
</BlurredOverlayContainer>
<nav