Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2024-11-21 19:07:46 +01:00
Code Issues Projects Releases Wiki Activity

perf(web): memoize icon components

Browse Source
This commit is contained in:
Paul Armstrong 2021-02-06 20:17:32 -08:00 committed by Blake Blackshear
parent 3e2506136c
commit 19bd5ace7d
10 changed files with 37 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/Events.jsx
View File

@ -259,7 +259,7 @@ function Filters({ onChange, searchParams }) {
}, [data]);
return (
<div className="flex space-x-8">
<div className="flex space-x-4">
<Filter onChange={onChange} options={cameras} paramName="camera" searchParams={searchParams} />
<Filter onChange={onChange} options={zones} paramName="zone" searchParams={searchParams} />
<Filter onChange={onChange} options={labels} paramName="label" searchParams={searchParams} />

5
web/src/icons/ArrowDropdown.jsx
View File

@ -1,6 +1,7 @@
import { h } from 'preact';
import { memo } from 'preact/compat';
export default function ArrowDropdown() {
export function ArrowDropdown() {
return (
<svg className="fill-current" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none" />
@ -8,3 +9,5 @@ export default function ArrowDropdown() {
</svg>
);
}
export default memo(ArrowDropdown);

5
web/src/icons/ArrowDropup.jsx
View File

@ -1,6 +1,7 @@
import { h } from 'preact';
import { memo } from 'preact/compat';
export default function ArrowDropup() {
export function ArrowDropup() {
return (
<svg className="fill-current" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none" />
@ -8,3 +9,5 @@ export default function ArrowDropup() {
</svg>
);
}
export default memo(ArrowDropup);

5
web/src/icons/AutoAwesome.jsx
View File

@ -1,6 +1,7 @@
import { h } from 'preact';
import { memo } from 'preact/compat';
export default function ArrowDropdown() {
export function AutoAwesome() {
return (
<svg className="fill-current" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none" />
@ -8,3 +9,5 @@ export default function ArrowDropdown() {
</svg>
);
}
export default memo(AutoAwesome);

5
web/src/icons/DarkMode.jsx
View File

@ -1,6 +1,7 @@
import { h } from 'preact';
import { memo } from 'preact/compat';
export default function DarkMode() {
export function DarkMode() {
return (
<svg className="fill-current" viewBox="0 0 24 24">
<rect fill="none" height="24" width="24" />
@ -8,3 +9,5 @@ export default function DarkMode() {
</svg>
);
}
export default memo(DarkMode);

5
web/src/icons/LightMode.jsx
View File

@ -1,6 +1,7 @@
import { h } from 'preact';
import { memo } from 'preact/compat';
export default function ArrowDropdown() {
export function LightMode() {
return (
<svg className="fill-current" viewBox="0 0 24 24">
<rect fill="none" height="24" width="24" />
@ -8,3 +9,5 @@ export default function ArrowDropdown() {
</svg>
);
}
export default memo(LightMode);

5
web/src/icons/Menu.jsx
View File

@ -1,6 +1,7 @@
import { h } from 'preact';
import { memo } from 'preact/compat';
export default function Menu() {
export function Menu() {
return (
<svg className="fill-current" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none" />
@ -8,3 +9,5 @@ export default function Menu() {
</svg>
);
}
export default memo(Menu);

5
web/src/icons/MenuOpen.jsx
View File

@ -1,6 +1,7 @@
import { h } from 'preact';
import { memo } from 'preact/compat';
export default function MenuOpen() {
export function MenuOpen() {
return (
<svg className="fill-current" viewBox="0 0 24 24">
<path d="M0 0h24v24H0V0z" fill="none" />
@ -8,3 +9,5 @@ export default function MenuOpen() {
</svg>
);
}
export default memo(MenuOpen);

5
web/src/icons/More.jsx
View File

@ -1,6 +1,7 @@
import { h } from 'preact';
import { memo } from 'preact/compat';
export default function More() {
export function More() {
return (
<svg className="fill-current" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none" />
@ -8,3 +9,5 @@ export default function More() {
</svg>
);
}
export default memo(More);

5
web/src/icons/Settings.jsx
View File

@ -1,6 +1,7 @@
import { h } from 'preact';
import { memo } from 'preact/compat';
export default function DarkMode() {
export function Settings() {
return (
<svg className="fill-current" viewBox="0 0 24 24">
<g>
@ -10,3 +11,5 @@ export default function DarkMode() {
</svg>
);
}
export default memo(Settings);