diff --git a/web/src/components/MultiSelect.jsx b/web/src/components/MultiSelect.jsx index b2b3ab053..5c706fd24 100644 --- a/web/src/components/MultiSelect.jsx +++ b/web/src/components/MultiSelect.jsx @@ -4,9 +4,7 @@ import Menu from './Menu'; import { ArrowDropdown } from '../icons/ArrowDropdown'; import Heading from './Heading'; import Button from './Button'; -import CameraIcon from '../icons/Camera'; -import SpeakerIcon from '../icons/Speaker'; -import useSWR from 'swr'; +import SelectOnlyIcon from '../icons/SelectOnly'; export default function MultiSelect({ className, title, options, selection, onToggle, onShowAll, onSelectSingle }) { const popupRef = useRef(null); @@ -20,7 +18,6 @@ export default function MultiSelect({ className, title, options, selection, onTo }; const menuHeight = Math.round(window.innerHeight * 0.55); - const { data: config } = useSWR('config'); return (
setState({ showMenu: true })}> @@ -61,7 +58,7 @@ export default function MultiSelect({ className, title, options, selection, onTo className="max-h-[35px] mx-2" onClick={() => onSelectSingle(item)} > - {title === 'Labels' && config.audio.listen.includes(item) ? : } + { ( ) }
diff --git a/web/src/icons/SelectOnly.jsx b/web/src/icons/SelectOnly.jsx new file mode 100644 index 000000000..f0aca6bd8 --- /dev/null +++ b/web/src/icons/SelectOnly.jsx @@ -0,0 +1,21 @@ +import { h } from 'preact'; +import { memo } from 'preact/compat'; + +export function SelectOnly({ className = 'h-5 w-5', stroke = 'currentColor', fill = 'none', onClick = () => {} }) { + return ( + + + + ); +} + +export default memo(SelectOnly);