forked from Github/frigate
WebUI: audio icons in MultiSelect component (#7564)
* Add support for audio icons in MultiSelect component * update icon * speaker icon
This commit is contained in:
committed by
GitHub
parent
45f7db5cf1
commit
de6a916939
@@ -1,7 +1,7 @@
|
||||
import { h } from 'preact';
|
||||
import { memo } from 'preact/compat';
|
||||
|
||||
export function Snapshot({ className = 'h-6 w-6', stroke = 'currentColor', onClick = () => {} }) {
|
||||
export function Audio({ className = 'h-6 w-6', stroke = 'currentColor', onClick = () => {} }) {
|
||||
return (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
@@ -33,4 +33,4 @@ export function Snapshot({ className = 'h-6 w-6', stroke = 'currentColor', onCli
|
||||
);
|
||||
}
|
||||
|
||||
export default memo(Snapshot);
|
||||
export default memo(Audio);
|
||||
|
||||
20
web/src/icons/Speaker.jsx
Normal file
20
web/src/icons/Speaker.jsx
Normal file
@@ -0,0 +1,20 @@
|
||||
import { h } from 'preact';
|
||||
import { memo } from 'preact/compat';
|
||||
|
||||
|
||||
export function Speaker({
|
||||
className = 'h-7 w-7',
|
||||
stroke = 'currentColor',
|
||||
onClick = () => {},
|
||||
}) {
|
||||
return (
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"
|
||||
|
||||
stroke={stroke}
|
||||
onClick={onClick}
|
||||
className={className}>
|
||||
<path stroke-linecap="round" stroke-linejoin="round" strokeWidth="2" d="M19.114 5.636a9 9 0 010 12.728M16.463 8.288a5.25 5.25 0 010 7.424M6.75 8.25l4.72-4.72a.75.75 0 011.28.53v15.88a.75.75 0 01-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.01 9.01 0 012.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75z"/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
export default memo(Speaker);
|
||||
Reference in New Issue
Block a user