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

chore: revert quotes in Camera.jsx

Browse Source
This commit is contained in:
JohnMark Sill 2022-02-16 10:54:02 -06:00
parent 8249bfed38
commit 1dc73ddc92
1 changed files with 23 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
web/src/routes/Camera.jsx
View File

@ -48,36 +48,36 @@ export default function Camera({ camera }) {
}, [showSettings, setShowSettings]);
const optionContent = showSettings ? (
<div className='grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4'>
<div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
<Switch
checked={options['bbox']}
id='bbox'
id="bbox"
onChange={handleSetOption}
label='Bounding box'
labelPosition='after'
label="Bounding box"
labelPosition="after"
/>
<Switch
checked={options['timestamp']}
id='timestamp'
id="timestamp"
onChange={handleSetOption}
label='Timestamp'
labelPosition='after'
label="Timestamp"
labelPosition="after"
/>
<Switch checked={options['zones']} id='zones' onChange={handleSetOption} label='Zones' labelPosition='after' />
<Switch checked={options['mask']} id='mask' onChange={handleSetOption} label='Masks' labelPosition='after' />
<Switch checked={options['zones']} id="zones" onChange={handleSetOption} label="Zones" labelPosition="after" />
<Switch checked={options['mask']} id="mask" onChange={handleSetOption} label="Masks" labelPosition="after" />
<Switch
checked={options['motion']}
id='motion'
id="motion"
onChange={handleSetOption}
label='Motion boxes'
labelPosition='after'
label="Motion boxes"
labelPosition="after"
/>
<Switch
checked={options['regions']}
id='regions'
id="regions"
onChange={handleSetOption}
label='Regions'
labelPosition='after'
label="Regions"
labelPosition="after"
/>
<Link href={`/cameras/${camera}/editor`}>Mask & Zone creator</Link>
</div>
@ -100,29 +100,29 @@ export default function Camera({ camera }) {
</div>
<Button onClick={handleToggleSettings} type='text'>
<span className='w-5 h-5'>
<span className="w-5 h-5">
<SettingsIcon />
</span>{' '}
<span>{showSettings ? 'Hide' : 'Show'} Options</span>
</Button>
{showSettings ? <Card header='Options' elevated={false} content={optionContent} /> : null}
{showSettings ? <Card header="Options" elevated={false} content={optionContent} /> : null}
</Fragment>
);
}
return (
<div className='space-y-4 p-2 px-4'>
<Heading size='2xl'>{camera}</Heading>
<div className="space-y-4 p-2 px-4">
<Heading size="2xl">{camera}</Heading>
<ButtonsTabbed viewModes={['live', 'debug']} setViewMode={setViewMode} />
{player}
<div className='space-y-4'>
<Heading size='sm'>Tracked objects</Heading>
<div className='flex flex-wrap justify-start'>
<div className="space-y-4">
<Heading size="sm">Tracked objects</Heading>
<div className="flex flex-wrap justify-start">
{cameraConfig.objects.track.map((objectType) => (
<Card
className='mb-4 mr-4'
className="mb-4 mr-4"
key={objectType}
header={objectType}
href={`/events?camera=${camera}&label=${objectType}`}