Use gui-order to sort the cameras sidebar list and udpate tests.

This commit is contained in:
Nick Mowen 2022-02-17 10:08:56 -07:00
parent 67e6193fac
commit 567faf9977
2 changed files with 3 additions and 3 deletions

View File

@ -20,7 +20,7 @@ export default function Sidebar() {
matches ? (
<Fragment>
<Separator />
{cameras.map(([camera]) => (
{cameras.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} />
))}
<Separator />

View File

@ -9,8 +9,8 @@ describe('Sidebar', () => {
jest.spyOn(Api, 'useConfig').mockImplementation(() => ({
data: {
cameras: {
front: { name: 'front', objects: { track: ['taco', 'cat', 'dog'] }, record: { enabled: true } },
side: { name: 'side', objects: { track: ['taco', 'cat', 'dog'] }, record: { enabled: false } },
front: { name: 'front', objects: { track: ['taco', 'cat', 'dog'] }, record: { enabled: true }, gui: { order: 0 } },
side: { name: 'side', objects: { track: ['taco', 'cat', 'dog'] }, record: { enabled: false }, gui: { order: 0 } },
},
},
}));