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

Improve icons

Browse Source
This commit is contained in:
Nick Mowen 2023-04-21 07:54:00 -06:00
parent 1c826f3c09
commit e2348102a1
3 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/components/TimelineSummary.jsx
View File

@ -3,8 +3,8 @@ import useSWR from 'swr';
import Heading from './Heading'; import Heading from './Heading';
import ActivityIndicator from './ActivityIndicator'; import ActivityIndicator from './ActivityIndicator';
import { formatUnixTimestampToDateTime } from '../utils/dateUtil'; import { formatUnixTimestampToDateTime } from '../utils/dateUtil';
import MotionIcon from '../icons/Motion'; import PlayIcon from '../icons/Play';
import SnapshotIcon from '../icons/Snapshot'; import ExitIcon from '../icons/Exit';
import { Zone } from '../icons/Zone'; import { Zone } from '../icons/Zone';
import { useState } from 'preact/hooks'; import { useState } from 'preact/hooks';
import { useApiHost } from '../api'; import { useApiHost } from '../api';
@ -40,7 +40,7 @@ export default function TimelineSummary({ event }) {
aria-label={getTimelineItemDescription(config, item, event)} aria-label={getTimelineItemDescription(config, item, event)}
onClick={() => setTimeIndex(index)} onClick={() => setTimeIndex(index)}
> >
<MotionIcon className="w-8" /> {item.class_type == 'visible' ? <PlayIcon className="w-8" /> : <ExitIcon className="w-8" />}
</Button> </Button>
) : ( ) : (
<Button <Button

12
web/src/icons/Exit.jsx Normal file
View File

@ -0,0 +1,12 @@
import { h } from 'preact';
import { memo } from 'preact/compat';
function Exit({ className = '' }) {
return (
<svg className={`fill-current ${className}`} viewBox="0 0 24 24">
<path d="M22 12l-4-4v3h-8v2h8v3m2 2a10 10 0 110-12h-2.73a8 8 0 100 12z" />
</svg>
);
}
export default memo(Exit);

4
web/src/icons/Play.jsx
View File

@ -1,9 +1,9 @@
import { h } from 'preact'; import { h } from 'preact';
import { memo } from 'preact/compat'; import { memo } from 'preact/compat';
export function Play() { export function Play({ className = '' }) {
return ( return (
<svg style="width:24px;height:24px" viewBox="0 0 24 24"> <svg className={`fill-current ${className}`} viewBox="0 0 24 24">
<path fill="currentColor" d="M8,5.14V19.14L19,12.14L8,5.14Z" /> <path fill="currentColor" d="M8,5.14V19.14L19,12.14L8,5.14Z" />
</svg> </svg>
); );