fix(audio): misc

src/pages/tools/audio/change-speed/index.tsx

@@ -181,7 +181,7 @@ export default function ChangeSpeed({
       getGroups={getGroups}
       setInput={setInput}
       compute={compute}
-      toolInfo={{ title: `What is a ${title}?`, description: longDescription }}
+      toolInfo={{ title: `What is ${title}?`, description: longDescription }}
     />
   );
 }

src/pages/tools/audio/extract-audio/index.tsx

@@ -1,12 +1,5 @@
-import {
-  Box,
-  FormControl,
-  InputLabel,
-  MenuItem,
-  Select,
-  SelectChangeEvent
-} from '@mui/material';
-import React, { useState, useEffect, useRef } from 'react';
+import { Box } from '@mui/material';
+import React, { useState } from 'react';
 import ToolContent from '@components/ToolContent';
 import { ToolComponentProps } from '@tools/defineTool';
 import { extractAudioFromVideo } from './service';
@@ -28,7 +21,6 @@ export default function ExtractAudio({
   const [audioFile, setAudioFile] = useState<File | null>(null);
   const [loading, setLoading] = useState(false);
 
-  // Tool Options section for output format
   const getGroups: GetGroupsType<InitialValuesType> = ({
     values,
     updateField
@@ -58,13 +50,12 @@ export default function ExtractAudio({
     ];
   };
 
-  // Compute function for ToolContent (no-op, extraction is handled by effect)
   const compute = async (values: InitialValuesType, input: File | null) => {
     if (!input) return;
     try {
       setLoading(true);
       const audioFileObj = await extractAudioFromVideo(input, values);
-      await setAudioFile(audioFileObj);
+      setAudioFile(audioFileObj);
     } catch (err) {
       console.error(err);
     } finally {
@@ -84,15 +75,10 @@ export default function ExtractAudio({
           <ToolFileResult
             title={'Extracting Audio'}
             value={null}
-            extension={''}
             loading={true}
           />
         ) : (
-          <ToolFileResult
-            title={'Extracted Audio'}
-            value={audioFile}
-            extension={initialValues.outputFormat}
-          />
+          <ToolFileResult title={'Extracted Audio'} value={audioFile} />
         )
       }
       initialValues={initialValues}

src/pages/tools/audio/extract-audio/service.ts

@@ -20,7 +20,7 @@ export async function extractAudioFromVideo(
 
   const configuredOutputAudioFormat = options.outputFormat;
   const outputName = `output.${configuredOutputAudioFormat}`;
-  let args: string[] = ['-i', inputName, '-vn'];
+  const args: string[] = ['-i', inputName, '-vn'];
 
   if (configuredOutputAudioFormat === 'mp3') {
     args.push(

src/pages/tools/audio/merge-audio/index.tsx

@@ -106,7 +106,7 @@ export default function MergeAudio({
       getGroups={getGroups}
       setInput={setInput}
       compute={compute}
-      toolInfo={{ title: `What is a ${title}?`, description: longDescription }}
+      toolInfo={{ title: `What is ${title}?`, description: longDescription }}
     />
   );
 }

src/pages/tools/audio/merge-audio/meta.ts

@@ -4,7 +4,7 @@ import { lazy } from 'react';
 export const tool = defineTool('audio', {
   name: 'Merge Audio',
   path: 'merge-audio',
-  icon: 'mdi:music-note-multiple',
+  icon: 'fluent:merge-20-regular',
   description:
     'Combine multiple audio files into a single audio file by concatenating them in sequence.',
   shortDescription: 'Merge multiple audio files into one (MP3, AAC, WAV).',

src/pages/tools/audio/merge-audio/service.ts

@@ -36,7 +36,7 @@ export async function mergeAudioFiles(
   await ffmpeg.writeFile(fileListName, fileListContent);
 
   // Build FFmpeg arguments for merging
-  let args: string[] = ['-f', 'concat', '-safe', '0', '-i', fileListName];
+  const args: string[] = ['-f', 'concat', '-safe', '0', '-i', fileListName];
 
   // Add format-specific arguments
   if (outputFormat === 'mp3') {

src/pages/tools/audio/trim/index.tsx

@@ -122,7 +122,7 @@ export default function Trim({ title, longDescription }: ToolComponentProps) {
       getGroups={getGroups}
       setInput={setInput}
       compute={compute}
-      toolInfo={{ title: `What is a ${title}?`, description: longDescription }}
+      toolInfo={{ title: `What is ${title}?`, description: longDescription }}
     />
   );
 }