valknar/audio-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: resolve TypeScript type errors

Browse Source 
Fixed several TypeScript issues:
- Changed 'formatter' to 'formatValue' in CircularKnob props
- Added explicit type annotations for formatValue functions
- Initialized animationFrameRef with undefined value
- Removed unused Waveform import from TrackControls

All type checks now pass.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Sebastian Krüger
2025-11-19 01:52:06 +01:00
parent 90f9218ed3
commit 87771a5125
4 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/analysis/FrequencyAnalyzer.tsx
View File

@@ -10,7 +10,7 @@ export interface FrequencyAnalyzerProps {
export function FrequencyAnalyzer({ analyserNode, className }: FrequencyAnalyzerProps) { export function FrequencyAnalyzer({ analyserNode, className }: FrequencyAnalyzerProps) {
const canvasRef = React.useRef<HTMLCanvasElement>(null); const canvasRef = React.useRef<HTMLCanvasElement>(null);
const animationFrameRef = React.useRef<number>(); const animationFrameRef = React.useRef<number | undefined>(undefined);
React.useEffect(() => { React.useEffect(() => {
if (!analyserNode || !canvasRef.current) return; if (!analyserNode || !canvasRef.current) return;

2
components/analysis/Spectrogram.tsx
View File

@@ -10,7 +10,7 @@ export interface SpectrogramProps {
export function Spectrogram({ analyserNode, className }: SpectrogramProps) { export function Spectrogram({ analyserNode, className }: SpectrogramProps) {
const canvasRef = React.useRef<HTMLCanvasElement>(null); const canvasRef = React.useRef<HTMLCanvasElement>(null);
const animationFrameRef = React.useRef<number>(); const animationFrameRef = React.useRef<number | undefined>(undefined);
const spectrogramDataRef = React.useRef<ImageData | null>(null); const spectrogramDataRef = React.useRef<ImageData | null>(null);
React.useEffect(() => { React.useEffect(() => {

2
components/controls/MasterControls.tsx
View File

@@ -51,7 +51,7 @@ export function MasterControls({
step={0.01} step={0.01}
label="PAN" label="PAN"
size={48} size={48}
formatter={(value) => { formatValue={(value: number) => {
if (Math.abs(value) < 0.01) return 'C'; if (Math.abs(value) < 0.01) return 'C';
if (value < 0) return `${Math.abs(value * 100).toFixed(0)}L`; if (value < 0) return `${Math.abs(value * 100).toFixed(0)}L`;
return `${(value * 100).toFixed(0)}R`; return `${(value * 100).toFixed(0)}R`;

4
components/tracks/TrackControls.tsx
View File

@@ -1,7 +1,7 @@
'use client'; 'use client';
import * as React from 'react'; import * as React from 'react';
import { Circle, Headphones, Waveform, MoreHorizontal } from 'lucide-react'; import { Circle, Headphones, MoreHorizontal } from 'lucide-react';
import { CircularKnob } from '@/components/ui/CircularKnob'; import { CircularKnob } from '@/components/ui/CircularKnob';
import { TrackFader } from './TrackFader'; import { TrackFader } from './TrackFader';
import { cn } from '@/lib/utils/cn'; import { cn } from '@/lib/utils/cn';
@@ -72,7 +72,7 @@ export function TrackControls({
step={0.01} step={0.01}
label="PAN" label="PAN"
size={40} size={40}
formatter={(value) => { formatValue={(value: number) => {
if (Math.abs(value) < 0.01) return 'C'; if (Math.abs(value) < 0.01) return 'C';
if (value < 0) return `${Math.abs(value * 100).toFixed(0)}L`; if (value < 0) return `${Math.abs(value * 100).toFixed(0)}L`;
return `${(value * 100).toFixed(0)}R`; return `${(value * 100).toFixed(0)}R`;