mirror of
https://github.com/MacRimi/ProxMenux.git
synced 2025-12-14 16:16:21 +00:00
Update AppImage
This commit is contained in:
@@ -173,11 +173,13 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
|
|||||||
|
|
||||||
const handleResizeStart = useCallback(
|
const handleResizeStart = useCallback(
|
||||||
(e: React.MouseEvent) => {
|
(e: React.MouseEvent) => {
|
||||||
|
console.log("[v0] handleResizeStart ejecutado")
|
||||||
if (isMobile) return
|
if (isMobile) return
|
||||||
setIsResizing(true)
|
setIsResizing(true)
|
||||||
isResizingRef.current = true
|
isResizingRef.current = true
|
||||||
resizeStartY.current = e.clientY
|
resizeStartY.current = e.clientY
|
||||||
resizeStartHeight.current = terminalHeight
|
resizeStartHeight.current = terminalHeight
|
||||||
|
console.log("[v0] Resize iniciado - clientY:", e.clientY, "altura inicial:", terminalHeight)
|
||||||
e.preventDefault()
|
e.preventDefault()
|
||||||
e.stopPropagation()
|
e.stopPropagation()
|
||||||
document.body.style.userSelect = "none"
|
document.body.style.userSelect = "none"
|
||||||
@@ -187,30 +189,38 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
|
|||||||
)
|
)
|
||||||
|
|
||||||
const handleMouseMove = useCallback((e: MouseEvent) => {
|
const handleMouseMove = useCallback((e: MouseEvent) => {
|
||||||
|
console.log("[v0] handleMouseMove ejecutado - isResizingRef:", isResizingRef.current)
|
||||||
if (!isResizingRef.current) return
|
if (!isResizingRef.current) return
|
||||||
|
|
||||||
e.preventDefault()
|
e.preventDefault()
|
||||||
e.stopPropagation()
|
e.stopPropagation()
|
||||||
|
|
||||||
const deltaY = e.clientY - resizeStartY.current
|
const deltaY = e.clientY - resizeStartY.current
|
||||||
|
console.log("[v0] deltaY:", deltaY, "clientY:", e.clientY)
|
||||||
const newHeight = Math.max(200, Math.min(1200, resizeStartHeight.current + deltaY))
|
const newHeight = Math.max(200, Math.min(1200, resizeStartHeight.current + deltaY))
|
||||||
|
console.log("[v0] Nueva altura calculada:", newHeight)
|
||||||
setTerminalHeight(newHeight)
|
setTerminalHeight(newHeight)
|
||||||
}, [])
|
}, [])
|
||||||
|
|
||||||
const handleResizeEnd = useCallback(() => {
|
const handleResizeEnd = useCallback(() => {
|
||||||
|
console.log("[v0] handleResizeEnd ejecutado - isResizingRef:", isResizingRef.current)
|
||||||
if (!isResizingRef.current) return
|
if (!isResizingRef.current) return
|
||||||
setIsResizing(false)
|
setIsResizing(false)
|
||||||
isResizingRef.current = false
|
isResizingRef.current = false
|
||||||
localStorage.setItem("terminalHeight", terminalHeightRef.current.toString())
|
localStorage.setItem("terminalHeight", terminalHeightRef.current.toString())
|
||||||
|
console.log("[v0] Resize terminado - altura guardada:", terminalHeightRef.current)
|
||||||
document.body.style.userSelect = ""
|
document.body.style.userSelect = ""
|
||||||
document.body.style.cursor = ""
|
document.body.style.cursor = ""
|
||||||
}, [])
|
}, [])
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
console.log("[v0] useEffect ejecutado - isResizing:", isResizing)
|
||||||
if (isResizing) {
|
if (isResizing) {
|
||||||
|
console.log("[v0] Agregando event listeners")
|
||||||
document.addEventListener("mousemove", handleMouseMove)
|
document.addEventListener("mousemove", handleMouseMove)
|
||||||
document.addEventListener("mouseup", handleResizeEnd)
|
document.addEventListener("mouseup", handleResizeEnd)
|
||||||
return () => {
|
return () => {
|
||||||
|
console.log("[v0] Removiendo event listeners")
|
||||||
document.removeEventListener("mousemove", handleMouseMove)
|
document.removeEventListener("mousemove", handleMouseMove)
|
||||||
document.removeEventListener("mouseup", handleResizeEnd)
|
document.removeEventListener("mouseup", handleResizeEnd)
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user