qcast3/qcast-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Control modal handle props

Browse Source
This commit is contained in:
yoosangwook 2024-10-02 13:18:04 +09:00
parent 533b39f0ec
commit d664136909
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/common/draggable/WithDraggable.jsx
View File

@ -3,7 +3,7 @@
import { useEffect, useState } from 'react' import { useEffect, useState } from 'react'
import Draggable from 'react-draggable' import Draggable from 'react-draggable'
export default function WithDraggable({ isShow, children, pos }) { export default function WithDraggable({ isShow, children, pos, handle = '' }) {
const [position, setPosition] = useState({ x: 0, y: 0 }) const [position, setPosition] = useState({ x: 0, y: 0 })
const handleOnDrag = (e, data) => { const handleOnDrag = (e, data) => {
@ -17,7 +17,11 @@ export default function WithDraggable({ isShow, children, pos }) {
return ( return (
<> <>
{isShow && ( {isShow && (
<Draggable position={{ x: position.x, y: position.y }} onDrag={(e, data) => handleOnDrag(e, data)} handle=".modal-head"> <Draggable
position={{ x: position.x, y: position.y }}
onDrag={(e, data) => handleOnDrag(e, data)}
handle={handle === '' ? '.modal-head' : handle}
>
{children} {children}
</Draggable> </Draggable>
)} )}