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