Fix NodeJS.Timeout type errors in frontend
- Change NodeJS.Timeout to ReturnType<typeof setTimeout> for browser compatibility - Fix timeout ref types in GovernanceModelBadge and TeamDashboard - All TypeScript compilation errors now resolved
This commit is contained in:
@@ -54,7 +54,7 @@ export default function GovernanceModelBadge({
|
|||||||
className = '',
|
className = '',
|
||||||
}: GovernanceModelBadgeProps) {
|
}: GovernanceModelBadgeProps) {
|
||||||
const [isHovered, setIsHovered] = useState(false);
|
const [isHovered, setIsHovered] = useState(false);
|
||||||
const hoverTimeoutRef = useRef<NodeJS.Timeout | null>(null);
|
const hoverTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
|
||||||
const badgeRef = useRef<HTMLDivElement>(null);
|
const badgeRef = useRef<HTMLDivElement>(null);
|
||||||
|
|
||||||
const style = getGovernanceModelStyle(governanceModelName);
|
const style = getGovernanceModelStyle(governanceModelName);
|
||||||
|
|||||||
@@ -68,7 +68,7 @@ export default function TeamDashboard() {
|
|||||||
const [statusDropdownOpen, setStatusDropdownOpen] = useState(false);
|
const [statusDropdownOpen, setStatusDropdownOpen] = useState(false);
|
||||||
const [governanceModels, setGovernanceModels] = useState<ReferenceValue[]>([]);
|
const [governanceModels, setGovernanceModels] = useState<ReferenceValue[]>([]);
|
||||||
const [hoveredGovModel, setHoveredGovModel] = useState<string | null>(null);
|
const [hoveredGovModel, setHoveredGovModel] = useState<string | null>(null);
|
||||||
const hoverTimeoutRef = useRef<NodeJS.Timeout | null>(null);
|
const hoverTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
|
||||||
|
|
||||||
// Hover handlers with delayed hide to prevent flickering when moving between badges
|
// Hover handlers with delayed hide to prevent flickering when moving between badges
|
||||||
const handleGovModelMouseEnter = useCallback((hoverKey: string) => {
|
const handleGovModelMouseEnter = useCallback((hoverKey: string) => {
|
||||||
|
|||||||
3
frontend/src/types/node.d.ts
vendored
3
frontend/src/types/node.d.ts
vendored
@@ -1,4 +1,5 @@
|
|||||||
// Type definitions for Node.js types used in frontend
|
// Type definitions for Node.js types used in frontend
|
||||||
|
// In browser context, setTimeout returns number, not NodeJS.Timeout
|
||||||
declare namespace NodeJS {
|
declare namespace NodeJS {
|
||||||
interface Timeout {}
|
interface Timeout extends ReturnType<typeof setTimeout> {}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user