root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-5030): complete Step 5 - use native DOM event types in import modal

Browse Source 
Fusion-Task-Id: FN-5030
Fusion-Task-Lineage: fdd10e2a-220a-47d3-9da0-075f5ba2695e
This commit is contained in:
Fusion (runfusion.ai)
2026-05-18 01:38:15 -07:00
committed by gsxdsm
parent a7ee74d340
commit 459a1444df
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/dashboard/app/components/GitHubImportModal.tsx
View File

@@ -1,5 +1,5 @@
import "./GitHubImportModal.css"; import "./GitHubImportModal.css";
import { useState, useEffect, useCallback, useRef, type KeyboardEvent, type PointerEvent } from "react"; import { useState, useEffect, useCallback, useRef, type KeyboardEvent as ReactKeyboardEvent, type PointerEvent as ReactPointerEvent } from "react";
import type { Task } from "@fusion/core"; import type { Task } from "@fusion/core";
import { getErrorMessage } from "@fusion/core"; import { getErrorMessage } from "@fusion/core";
import { import {
@@ -261,7 +261,7 @@ export function GitHubImportModal({ isOpen, onClose, onImport, tasks, projectId
// Handle escape key // Handle escape key
useEffect(() => { useEffect(() => {
if (!isOpen) return; if (!isOpen) return;
const handleKey = (e: KeyboardEvent) => { const handleKey = (e: globalThis.KeyboardEvent) => {
if (e.key === "Escape") onClose(); if (e.key === "Escape") onClose();
}; };
document.addEventListener("keydown", handleKey); document.addEventListener("keydown", handleKey);
@@ -295,7 +295,7 @@ export function GitHubImportModal({ isOpen, onClose, onImport, tasks, projectId
} }
}, [listPaneWidth]); }, [listPaneWidth]);
const handleListPaneResizeStart = useCallback((event: PointerEvent<HTMLDivElement>) => { const handleListPaneResizeStart = useCallback((event: ReactPointerEvent<HTMLDivElement>) => {
if (isMobile) { if (isMobile) {
return; return;
} }
@@ -305,7 +305,7 @@ export function GitHubImportModal({ isOpen, onClose, onImport, tasks, projectId
const target = event.currentTarget; const target = event.currentTarget;
target.setPointerCapture(event.pointerId); target.setPointerCapture(event.pointerId);
const handlePointerMove = (moveEvent: PointerEvent) => { const handlePointerMove = (moveEvent: globalThis.PointerEvent) => {
const deltaX = moveEvent.clientX - startX; const deltaX = moveEvent.clientX - startX;
setListPaneWidth(clampListPaneWidth(startWidth + deltaX)); setListPaneWidth(clampListPaneWidth(startWidth + deltaX));
}; };
@@ -322,7 +322,7 @@ export function GitHubImportModal({ isOpen, onClose, onImport, tasks, projectId
document.addEventListener("pointerup", handlePointerUp); document.addEventListener("pointerup", handlePointerUp);
}, [isMobile, listPaneWidth]); }, [isMobile, listPaneWidth]);
const handleListPaneResizeKeyDown = useCallback((event: KeyboardEvent<HTMLDivElement>) => { const handleListPaneResizeKeyDown = useCallback((event: ReactKeyboardEvent<HTMLDivElement>) => {
if (isMobile) { if (isMobile) {
return; return;
} }