administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-02 17:25:22 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Use keys for camera views

Browse Source
This commit is contained in:
Nick Mowen 2022-02-20 21:45:08 -07:00
parent f985e73167
commit 46b3dc8583
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/src/Sidebar.jsx
View File

@ -21,7 +21,7 @@ export default function Sidebar() {
<Fragment> <Fragment>
<Separator /> <Separator />
{cameras.filter(([cam, conf]) => conf.gui.show).sort(([aCam, aConf], [bCam, bConf]) => aConf.gui.order === bConf.gui.order ? 0 : (aConf.gui.order > bConf.gui.order ? 1 : -1)).map(([camera]) => ( {cameras.filter(([cam, conf]) => conf.gui.show).sort(([aCam, aConf], [bCam, bConf]) => aConf.gui.order === bConf.gui.order ? 0 : (aConf.gui.order > bConf.gui.order ? 1 : -1)).map(([camera]) => (
<Destination href={`/cameras/${camera}`} text={camera} /> <Destination key={camera} href={`/cameras/${camera}`} text={camera} />
))} ))}
<Separator /> <Separator />
</Fragment> </Fragment>
@ -37,6 +37,7 @@ export default function Sidebar() {
if (conf.record.enabled) { if (conf.record.enabled) {
return ( return (
<Destination <Destination
key={camera}
path={`/recording/${camera}/:date?/:hour?/:seconds?`} path={`/recording/${camera}/:date?/:hour?/:seconds?`}
href={`/recording/${camera}`} href={`/recording/${camera}`}
text={camera} text={camera}

2
web/src/routes/Cameras.jsx
View File

@ -17,7 +17,7 @@ export default function Cameras() {
) : ( ) : (
<div className="grid grid-cols-1 3xl:grid-cols-3 md:grid-cols-2 gap-4"> <div className="grid grid-cols-1 3xl:grid-cols-3 md:grid-cols-2 gap-4">
{Object.entries(config.cameras).filter(([cam, conf]) => conf.gui.show).sort(([aCam, aConf], [bCam, bConf]) => aConf.gui.order === bConf.gui.order ? 0 : (aConf.gui.order > bConf.gui.order ? 1 : -1)).map(([camera, conf]) => ( {Object.entries(config.cameras).filter(([cam, conf]) => conf.gui.show).sort(([aCam, aConf], [bCam, bConf]) => aConf.gui.order === bConf.gui.order ? 0 : (aConf.gui.order > bConf.gui.order ? 1 : -1)).map(([camera, conf]) => (
<Camera name={camera} conf={conf} /> <Camera key={camera} name={camera} conf={conf} />
))} ))}
</div> </div>
); );