xstefen/OpenCut
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

De-duplicate code

Browse Source
This commit is contained in:
Andrew Kordampalos
2025-06-23 22:32:17 +03:00
parent 2a1ac8fcf7
commit 267a590d04
1 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
apps/web/src/components/editor/timeline.tsx
View File

@ -290,18 +290,20 @@ export function Timeline() {
}
};
// Deselect all clips when clicking empty timeline area and seek to clicked position
const handleSeekToPosition = (e: React.MouseEvent) => {
const rect = e.currentTarget.getBoundingClientRect();
const clickX = e.clientX - rect.left;
const clickedTime = clickX / (50 * zoomLevel);
const clampedTime = Math.max(0, Math.min(duration, clickedTime));
seek(clampedTime);
};
const handleTimelineAreaClick = (e: React.MouseEvent) => {
// Only clear selection if the click target is the timeline background (not a child/clip)
if (e.target === e.currentTarget) {
clearSelectedClips();
// Calculate the clicked time position and seek to it
const rect = e.currentTarget.getBoundingClientRect();
const clickX = e.clientX - rect.left;
const clickedTime = clickX / (50 * zoomLevel);
const clampedTime = Math.max(0, Math.min(duration, clickedTime));
seek(clampedTime);
handleSeekToPosition(e);
}
};
@ -500,11 +502,7 @@ export function Timeline() {
}}
onClick={(e) => {
// Calculate the clicked time position and seek to it
const rect = e.currentTarget.getBoundingClientRect();
const clickX = e.clientX - rect.left;
const clickedTime = clickX / (50 * zoomLevel);
const clampedTime = Math.max(0, Math.min(duration, clickedTime));
seek(clampedTime);
handleSeekToPosition(e);
}}
>
{/* Time markers */}