diff --git a/frontend/src/components/forms/M3UFilters.jsx b/frontend/src/components/forms/M3UFilters.jsx index a8b89ebe..4610f88a 100644 --- a/frontend/src/components/forms/M3UFilters.jsx +++ b/frontend/src/components/forms/M3UFilters.jsx @@ -19,8 +19,9 @@ import { Group, Switch, Stack, + Alert, } from '@mantine/core'; -import { GripHorizontal, SquareMinus, SquarePen } from 'lucide-react'; +import { GripHorizontal, Info, SquareMinus, SquarePen } from 'lucide-react'; import M3UFilter from './M3UFilter'; import { M3U_FILTER_TYPES } from '../../constants'; import { @@ -192,7 +193,6 @@ const M3UFilters = ({ playlist, isOpen, onClose }) => { return deleteFilter(id); } - fetchPlaylist(playlist.id); setConfirmDeleteOpen(true); }; @@ -207,6 +207,7 @@ const M3UFilters = ({ playlist, isOpen, onClose }) => { } fetchPlaylist(playlist.id); + setFilters(filters.filter((f) => f.id !== id)); }; const closeEditor = () => { @@ -255,6 +256,19 @@ const M3UFilters = ({ playlist, isOpen, onClose }) => { return ( <> + } + color="blue" + variant="light" + style={{ marginBottom: 5 }} + > + + Order Matters! Rules are processed in the order + below. Once a stream matches a given rule, no other rules are + checked. + + +