event view function

This commit is contained in:
Bernt Christian Egeland 2021-08-22 15:50:01 +02:00
parent 584cff4eb6
commit 72c7070756

View File

@ -128,6 +128,13 @@ export default function Events({ path: pathname, limit = API_LIMIT } = {}) {
}; };
const searchParams = useMemo(() => new URLSearchParams(searchString), [searchString]); const searchParams = useMemo(() => new URLSearchParams(searchString), [searchString]);
const viewEventById = (eventId) => (
<Tr className="border-b-1">
<Td colspan="8">
<Event eventId={eventId} close={() => setViewEvent(null)} />
</Td>
</Tr>
);
return ( return (
<div className="space-y-4 w-full"> <div className="space-y-4 w-full">
<Heading>Events</Heading> <Heading>Events</Heading>
@ -215,13 +222,7 @@ export default function Events({ path: pathname, limit = API_LIMIT } = {}) {
<Td>{start.toLocaleTimeString()}</Td> <Td>{start.toLocaleTimeString()}</Td>
<Td>{end.toLocaleTimeString()}</Td> <Td>{end.toLocaleTimeString()}</Td>
</Tr> </Tr>
{viewEvent === id ? ( {viewEvent === id ? viewEventById(viewEvent) : null}
<Tr className="border-b-1">
<Td colspan="8">
<Event eventId={viewEvent} close={() => setViewEvent(null)} />
</Td>
</Tr>
) : null}
</Fragment> </Fragment>
); );
} }