External/CoreControl
1
0
Fork 0
mirror of https://github.com/crocofied/CoreControl.git synced 2025-12-29 16:14:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Delete & View Notification Providers

Browse Source
This commit is contained in:
headlesdev
2025-05-25 00:56:54 +02:00
parent 6ba144b7bd
commit 1e93f84b24
5 changed files with 118 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
components/cards/settings/NotificationSettings.tsx
View File

@@ -2,11 +2,13 @@
import { useState } from 'react';
import AddNotification from '@/components/dialogues/AddNotification';
import DeleteNotification from '@/components/dialogues/DeleteNotification';
import useNotifications from '@/hooks/useNotifications';
import { Plus } from 'lucide-react';
import { Plus, Trash2, Play } from 'lucide-react';
export const NotificationSettings = ({ onError, onSuccess }: { onError: (message: string) => void, onSuccess: (message: string) => void }) => {
const { loadNotifications } = useNotifications();
const { loadNotifications, notifications } = useNotifications();
const [deleteNotificationId, setDeleteNotificationId] = useState<number | null>(null);
return (
<div>
@@ -21,7 +23,37 @@ export const NotificationSettings = ({ onError, onSuccess }: { onError: (message
Add Provider
</button>
</div>
<div className='overflow-x-auto pt-4'>
<table className='table table-zebra table-pin-cols'>
<thead>
<tr>
<th>#</th>
<th>Name</th>
<th>Type</th>
<th className='w-24 text-center'>Actions</th>
</tr>
</thead>
<tbody>
{notifications.map((notification: any) => (
<tr key={notification.id}>
<td>{notification.id}</td>
<td>{notification.name}</td>
<td>{notification.type}</td>
<td>
<div className='flex items-center gap-2'>
<button className='btn btn-sm btn-success'><Play className='w-4 h-4' /></button>
<button className='btn btn-sm btn-error' onClick={() => {setDeleteNotificationId(notification.id); (document.getElementById('delete_notification') as HTMLDialogElement)?.showModal()}}><Trash2 className='w-4 h-4' /></button>
</div>
</td>
</tr>
))}
</tbody>
</table>
</div>
<AddNotification onNotificationAdded={loadNotifications} onSuccess={onSuccess} onError={onError} />
{deleteNotificationId && (
<DeleteNotification notificationId={deleteNotificationId} onNotificationDeleted={loadNotifications} onError={onError} onSuccess={onSuccess} />
)}
</div>
</div>
);