External/omni-tools
1
0
Fork 0
mirror of https://github.com/iib0011/omni-tools.git synced 2025-12-29 16:16:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: select values populated through AUDIO_FORMATS iteration

Browse Source
This commit is contained in:
Chesterkxng
2025-12-10 16:50:18 +01:00
parent 09456bf6ed
commit ff27f8debe
1 changed files with 24 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/pages/tools/converters/audio-converter/index.tsx
View File

@@ -8,10 +8,7 @@ import SelectWithDesc from '@components/options/SelectWithDesc';
import { convertAudio } from './service';
import { useTranslation } from 'react-i18next';
import { GetGroupsType } from '@components/options/ToolOptions';
type InitialValuesType = {
outputFormat: 'mp3' | 'aac' | 'wav';
};
import { InitialValuesType, AUDIO_FORMATS, AudioFormat } from './types';
const initialValues: InitialValuesType = {
outputFormat: 'mp3'
@@ -26,6 +23,24 @@ export default function AudioConverter({
const [result, setResult] = useState<File | null>(null);
const [loading, setLoading] = useState(false);
const compute = async (
values: InitialValuesType,
inputFile: File | null
): Promise<void> => {
if (!inputFile) return;
try {
setLoading(true);
const resultFile = await convertAudio(inputFile, values);
setResult(resultFile);
} catch (error) {
console.error('Conversion failed:', error);
setResult(null);
} finally {
setLoading(false);
}
};
// Explicitly type getGroups to match GetGroupsType<InitialValuesType>
const getGroups: GetGroupsType<InitialValuesType> = ({
values,
@@ -42,17 +57,11 @@ export default function AudioConverter({
<Box>
<SelectWithDesc
selected={values.outputFormat}
onChange={(value) =>
updateField(
'outputFormat',
value as InitialValuesType['outputFormat']
)
}
options={[
{ label: 'MP3', value: 'mp3' },
{ label: 'AAC', value: 'aac' },
{ label: 'WAV', value: 'wav' }
]}
onChange={(value) => updateField('outputFormat', value)}
options={Object.entries(AUDIO_FORMATS).map(([value]) => ({
label: value.toUpperCase(),
value: value as AudioFormat
}))}
description={t(
'audioConverter.outputFormatDescription',
'Select the desired output audio format'
@@ -63,24 +72,6 @@ export default function AudioConverter({
}
];
const compute = async (
values: InitialValuesType,
inputFile: File | null
): Promise<void> => {
if (!inputFile) return;
try {
setLoading(true);
const resultFile = await convertAudio(inputFile, values.outputFormat);
setResult(resultFile);
} catch (error) {
console.error('Conversion failed:', error);
setResult(null);
} finally {
setLoading(false);
}
};
return (
<ToolContent
title={title}