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

Added new close svg icon

Browse Source
This commit is contained in:
Bernt Christian Egeland 2021-08-24 18:37:42 +02:00
parent 22e6654133
commit b567fc3ade
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/icons/Close.jsx Normal file
View File

@ -0,0 +1,13 @@
import { h } from 'preact';
import { memo } from 'preact/compat';
export function Close({ className = '' }) {
return (
<svg className={`fill-current ${className}`} viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none" />
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" />
</svg>
);
}
export default memo(Close);

4
web/src/routes/Event.jsx
View File

@ -3,7 +3,7 @@ import { useCallback, useState, useEffect } from 'preact/hooks';
import ActivityIndicator from '../components/ActivityIndicator'; import ActivityIndicator from '../components/ActivityIndicator';
import Button from '../components/Button'; import Button from '../components/Button';
import Clip from '../icons/Clip'; import Clip from '../icons/Clip';
import Menu from '../icons/Menu'; import Close from '../icons/Close';
import Delete from '../icons/Delete'; import Delete from '../icons/Delete';
import Snapshot from '../icons/Snapshot'; import Snapshot from '../icons/Snapshot';
import Dialog from '../components/Dialog'; import Dialog from '../components/Dialog';
@ -70,7 +70,7 @@ export default function Event({ eventId, close, scrollRef }) {
<Delete className="w-6" /> Delete event <Delete className="w-6" /> Delete event
</Button> </Button>
<Button color="gray" className="self-start" onClick={() => close()}> <Button color="gray" className="self-start" onClick={() => close()}>
<Menu className="w-6" /> Close <Close className="w-6" /> Close
</Button> </Button>
</div> </div>
{showDialog ? ( {showDialog ? (