chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages 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
Download Patch File Download Diff File Expand all files Collapse all files

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);