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-19 12:18:32 -05:00
parent 0f53848671
commit c0f28e3a7d
2 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/common/index.ts
View File

@ -5,6 +5,7 @@ export { default as InfiniteScrollList } from './InfiniteScrollList';
export { default as PageHeader } from './PageHeader'; export { default as PageHeader } from './PageHeader';
export { default as PlayerControls } from './PlayerControls'; export { default as PlayerControls } from './PlayerControls';
export { default as SongItem, SongInfoDisplay, SongActionButtons } from './SongItem'; export { default as SongItem, SongInfoDisplay, SongActionButtons } from './SongItem';
export { default as SongInfo } from './SongInfo';
export { default as Toast } from './Toast'; export { default as Toast } from './Toast';
export { TwoLineDisplay } from './TwoLineDisplay'; export { TwoLineDisplay } from './TwoLineDisplay';
export { ListItem } from './ListItem'; export { ListItem } from './ListItem';

19
src/features/SongLists/SongLists.tsx
View File

@ -1,7 +1,7 @@
import React, { useState, useMemo, useCallback } from 'react'; import React, { useState, useMemo, useCallback } from 'react';
import { IonItem, IonLabel, IonModal, IonHeader, IonToolbar, IonTitle, IonButton, IonIcon, IonChip, IonContent, IonList, IonAccordionGroup, IonAccordion } from '@ionic/react'; import { IonItem, IonLabel, IonModal, IonHeader, IonToolbar, IonTitle, IonButton, IonIcon, IonChip, IonContent, IonList, IonAccordionGroup, IonAccordion } from '@ionic/react';
import { close, list } from 'ionicons/icons'; import { close, list } from 'ionicons/icons';
import { InfiniteScrollList, SongItem } from '../../components/common'; import { InfiniteScrollList, SongItem, ListItem } from '../../components/common';
import { useSongLists } from '../../hooks'; import { useSongLists } from '../../hooks';
import { useAppSelector } from '../../redux'; import { useAppSelector } from '../../redux';
import { selectSongList } from '../../redux'; import { selectSongList } from '../../redux';
@ -58,17 +58,12 @@ const SongLists: React.FC = () => {
// Render song list item for InfiniteScrollList // Render song list item for InfiniteScrollList
const renderSongListItem = (songList: SongList) => ( const renderSongListItem = (songList: SongList) => (
<IonItem button onClick={() => handleSongListClick(songList.key!)} detail={false}> <ListItem
<IonLabel> primaryText={songList.title}
<div className="text-sm font-medium text-gray-900"> secondaryText={`${songList.songs.length} song${songList.songs.length !== 1 ? 's' : ''}`}
{songList.title} icon={list}
</div> onClick={() => handleSongListClick(songList.key!)}
<div className="text-sm text-gray-500"> />
{songList.songs.length} song{songList.songs.length !== 1 ? 's' : ''}
</div>
</IonLabel>
<IonIcon icon={list} slot="end" color="primary" />
</IonItem>
); );
return ( return (