Added new close svg icon

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

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);

View File

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