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-18 13:01:33 -05:00
parent acb30c6205
commit 8663a414d8
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/features/Singers/Singers.tsx
View File

@ -1,7 +1,7 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { IonItem, IonLabel, IonIcon, IonModal, IonHeader, IonToolbar, IonTitle, IonButton, IonContent, IonInput, IonLabel as IonInputLabel } from '@ionic/react'; import { IonItem, IonLabel, IonIcon, IonModal, IonHeader, IonToolbar, IonTitle, IonButton, IonContent, IonInput, IonLabel as IonInputLabel } from '@ionic/react';
import { trash, add, close } from 'ionicons/icons'; import { trash, add, close } from 'ionicons/icons';
import { InfiniteScrollList, PageHeader } from '../../components/common'; import { InfiniteScrollList, PageHeader, ActionButton } from '../../components/common';
import { useSingers } from '../../hooks'; import { useSingers } from '../../hooks';
import { useAppSelector } from '../../redux'; import { useAppSelector } from '../../redux';
import { selectSingers } from '../../redux'; import { selectSingers } from '../../redux';
@ -51,15 +51,19 @@ const Singers: React.FC = () => {
</h3> </h3>
</IonLabel> </IonLabel>
{/* Delete Icon (Admin Only) */} {/* Delete Button (Admin Only) */}
{isAdmin && ( {isAdmin && (
<IonIcon <div slot="end" className="flex items-center gap-2 ml-2">
icon={trash} <div onClick={(e) => e.stopPropagation()}>
slot="end" <ActionButton
color="danger" onClick={() => handleRemoveSinger(singer)}
className="cursor-pointer" variant="danger"
onClick={() => handleRemoveSinger(singer)} size="sm"
/> >
<IonIcon icon={trash} />
</ActionButton>
</div>
</div>
)} )}
</IonItem> </IonItem>
); );