From 8db3bead13441a5882d8689dfc6a9f09c82375d9 Mon Sep 17 00:00:00 2001 From: Maze Winther Date: Wed, 25 Mar 2026 16:47:22 +0100 Subject: feat: masks, properties refactor, shaders, storage migrations, and more --- apps/web/src/components/editable-timecode.tsx | 26 +++++++++++--------------- 1 file changed, 11 insertions(+), 15 deletions(-) (limited to 'apps/web/src/components/editable-timecode.tsx') diff --git a/apps/web/src/components/editable-timecode.tsx b/apps/web/src/components/editable-timecode.tsx index 61f23372..40390f07 100644 --- a/apps/web/src/components/editable-timecode.tsx +++ b/apps/web/src/components/editable-timecode.tsx @@ -2,7 +2,7 @@ import { useEffect, useRef, useState } from "react"; import { formatTimeCode, parseTimeCode } from "@/lib/time"; -import type { TTimeCode } from "@/types/time"; +import type { TTimeCode } from "@/lib/time"; import { cn } from "@/utils/ui"; interface EditableTimecodeProps { @@ -66,16 +66,13 @@ export function EditableTimecode({ enterPressedRef.current = false; }; - const handleKeyDown = ({ - key, - preventDefault, - }: React.KeyboardEvent) => { - if (key === "Enter") { - preventDefault(); + const handleKeyDown = (event: React.KeyboardEvent) => { + if (event.key === "Enter") { + event.preventDefault(); enterPressedRef.current = true; applyEdit(); - } else if (key === "Escape") { - preventDefault(); + } else if (event.key === "Escape") { + event.preventDefault(); cancelEditing(); } }; @@ -93,14 +90,13 @@ export function EditableTimecode({ } }; - const handleDisplayKeyDown = ({ - key, - preventDefault, - }: React.KeyboardEvent) => { + const handleDisplayKeyDown = ( + event: React.KeyboardEvent, + ) => { if (disabled) return; - if (key === "Enter" || key === " ") { - preventDefault(); + if (event.key === "Enter" || event.key === " ") { + event.preventDefault(); startEditing(); } }; -- cgit v1.3.1