dillon_stuff/TalkEdit
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

polishing

Browse Source
This commit is contained in:
dillonj
2026-05-06 10:53:27 -06:00
parent 09ebcbc9ec
commit fd6697b48e
18 changed files with 889 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/components/ZoneEditor.tsx
View File

@ -176,7 +176,7 @@ export default function ZoneEditor() {
value={zonePreviewPaddingSeconds}
onChange={(e) => setZonePreviewPaddingSeconds(Number(e.target.value) || 0)}
className="w-16 px-2 py-1 bg-editor-bg border border-editor-border rounded text-xs text-editor-text focus:outline-none focus:border-editor-accent"
title="Preview time before and after each zone"
data-tooltip="Preview time before and after each zone"
/>
<span className="text-xs text-editor-text-muted">sec</span>
</div>
@ -193,6 +193,7 @@ export default function ZoneEditor() {
? 'bg-editor-accent text-white'
: 'text-editor-text-muted hover:text-editor-text'
}`}
data-tooltip="Show all zones"
>
All
</button>
@ -203,6 +204,7 @@ export default function ZoneEditor() {
? 'bg-red-500/30 text-red-500'
: 'text-editor-text-muted hover:text-editor-text'
}`}
data-tooltip="Show only Cut zones"
>
Cut
</button>
@ -213,6 +215,7 @@ export default function ZoneEditor() {
? 'bg-orange-500/30 text-orange-500'
: 'text-editor-text-muted hover:text-editor-text'
}`}
data-tooltip="Show only Mute zones"
>
Mute
</button>
@ -223,6 +226,7 @@ export default function ZoneEditor() {
? 'bg-amber-500/30 text-amber-500'
: 'text-editor-text-muted hover:text-editor-text'
}`}
data-tooltip="Show only Gain zones"
>
Gain
</button>
@ -233,6 +237,7 @@ export default function ZoneEditor() {
? 'bg-emerald-500/30 text-emerald-500'
: 'text-editor-text-muted hover:text-editor-text'
}`}
data-tooltip="Show only Speed zones"
>
Speed
</button>
@ -274,7 +279,7 @@ export default function ZoneEditor() {
removeZone('cut', range.id);
}}
className="p-1 rounded hover:bg-red-500/20 text-red-500/70 hover:text-red-500 opacity-0 group-hover:opacity-100 transition-opacity"
title="Delete cut zone"
data-tooltip="Delete cut zone"
>
<Trash2 className="w-3.5 h-3.5" />
</button>
@ -311,7 +316,7 @@ export default function ZoneEditor() {
removeZone('mute', range.id);
}}
className="p-1 rounded hover:bg-orange-500/20 text-orange-500/70 hover:text-orange-500 opacity-0 group-hover:opacity-100 transition-opacity"
title="Delete mute zone"
data-tooltip="Delete mute zone"
>
<Trash2 className="w-3.5 h-3.5" />
</button>
@ -350,6 +355,7 @@ export default function ZoneEditor() {
value={globalGainDb}
onChange={(e) => setGlobalGainDb(Math.max(-24, Math.min(24, Number(e.target.value) || 0)))}
className="w-14 px-1.5 py-0.5 text-xs bg-editor-surface border border-editor-border rounded focus:border-editor-accent focus:outline-none"
data-tooltip="Volume adjustment in decibels — +6 dB doubles volume, -6 dB halves it"
/>
<span className="text-xs text-amber-500/80 font-medium w-6 text-right">dB</span>
</div>
@ -379,7 +385,7 @@ export default function ZoneEditor() {
onClick={(e) => e.stopPropagation()}
onChange={(e) => updateGainRange(range.id, Number(e.target.value) || 0)}
className="w-16 px-1.5 py-0.5 text-xs bg-editor-surface border border-editor-border rounded focus:border-editor-accent focus:outline-none"
title="Gain dB"
data-tooltip="Volume adjustment in decibels — +6 dB doubles volume, -6 dB halves it"
/>
{renderPreviewButton(range.start, range.end, 'hover:bg-amber-500/20 text-amber-500/70 hover:text-amber-500')}
<button
@ -388,7 +394,7 @@ export default function ZoneEditor() {
removeZone('gain', range.id);
}}
className="p-1 rounded hover:bg-amber-500/20 text-amber-500/70 hover:text-amber-500 opacity-0 group-hover:opacity-100 transition-opacity"
title="Delete gain zone"
data-tooltip="Delete gain zone"
>
<Trash2 className="w-3.5 h-3.5" />
</button>
@ -429,7 +435,7 @@ export default function ZoneEditor() {
onClick={(e) => e.stopPropagation()}
onChange={(e) => updateSpeedRange(range.id, Number(e.target.value) || 1)}
className="w-16 px-1.5 py-0.5 text-xs bg-editor-surface border border-editor-border rounded focus:border-editor-accent focus:outline-none"
title="Speed multiplier"
data-tooltip="Playback speed multiplier — 1.0x is normal, 2.0x is twice as fast"
/>
{renderPreviewButton(range.start, range.end, 'hover:bg-emerald-500/20 text-emerald-500/70 hover:text-emerald-500')}
<button
@ -438,7 +444,7 @@ export default function ZoneEditor() {
removeZone('speed', range.id);
}}
className="p-1 rounded hover:bg-emerald-500/20 text-emerald-500/70 hover:text-emerald-500 opacity-0 group-hover:opacity-100 transition-opacity"
title="Delete speed zone"
data-tooltip="Delete speed zone"
>
<Trash2 className="w-3.5 h-3.5" />
</button>