mbrucedogs/singsalot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Signed-off-by: Matt Bruce <mbrucedogs@gmail.com>

Browse Source
This commit is contained in:
Matt Bruce 2025-07-17 14:04:42 -05:00
parent 1c714ec341
commit d187c79084
1 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/common/SongItem.tsx
View File

@ -2,6 +2,16 @@ import React from 'react';
import ActionButton from './ActionButton'; import ActionButton from './ActionButton';
import type { SongItemProps } from '../../types'; import type { SongItemProps } from '../../types';
// Utility function to extract filename from path
const extractFilename = (path: string): string => {
if (!path) return '';
// Handle different path separators (Windows backslash, Unix forward slash)
const normalizedPath = path.replace(/\\/g, '/');
const parts = normalizedPath.split('/');
return parts[parts.length - 1] || '';
};
const SongItem: React.FC<SongItemProps> = ({ const SongItem: React.FC<SongItemProps> = ({
song, song,
context, context,
@ -133,6 +143,12 @@ const SongItem: React.FC<SongItemProps> = ({
<p className="text-sm text-gray-500 truncate"> <p className="text-sm text-gray-500 truncate">
{song.artist} {song.artist}
</p> </p>
{/* Show filename for all contexts except queue */}
{context !== 'queue' && song.path && (
<p className="text-xs text-gray-400 truncate">
{extractFilename(song.path)}
</p>
)}
{song.count && ( {song.count && (
<p className="text-xs text-gray-400"> <p className="text-xs text-gray-400">
Played {song.count} times Played {song.count} times