refactor: removed redundant audioplayer and improved component coherence

This commit is contained in:
averel10
2026-04-03 09:55:11 +02:00
parent bf9c8ff2d0
commit 3e54d2c1ee
7 changed files with 127 additions and 146 deletions

View File

@@ -2,7 +2,7 @@
import { useState, useEffect } from 'react';
import Link from 'next/link';
import AudioPlayer from './AudioPlayer';
import WaveformPlayer from './WaveformPlayer';
import { getDatasetEntries } from '@/app/actions/get-dataset-entries';
import { getFilterOptions } from '@/app/actions/get-filter-options';
import { downloadFilteredEntriesAsZip, downloadFilteredEntriesAsCsv } from '@/lib/download-utils';
@@ -514,7 +514,11 @@ export default function DatasetEntriesList({
{entries.map((entry) => (
<tr key={entry.id} className="hover:bg-blue-50 transition-colors border-b border-gray-200">
<td className="py-3 px-4">
<AudioPlayer datasetId={datasetId} fileName={entry.fileName} externalId={entry.externalId} />
{(() => {
const fileExtension = entry.fileName.substring(entry.fileName.lastIndexOf('.'));
const src = `/public/datasets/${datasetId}/${entry.externalId}${fileExtension}`;
return <WaveformPlayer src={src} showWaveform={false} />;
})()}
</td>
<td className="py-3 px-4">
<Link