diff --git a/src/components/Event/Event.tsx b/src/components/Event/Event.tsx index 99d11db..4eb44cb 100644 --- a/src/components/Event/Event.tsx +++ b/src/components/Event/Event.tsx @@ -154,7 +154,7 @@ export default function Event({
{name} - + {group && }

- {events && events.length > 0 ? ( + {group.events.length > 0 ? ( ) : ( diff --git a/src/components/Group/GroupPage.tsx b/src/components/Group/GroupPage.tsx index bffa7ae..bf69432 100644 --- a/src/components/Group/GroupPage.tsx +++ b/src/components/Group/GroupPage.tsx @@ -1,7 +1,7 @@ import { useEffect, useState } from 'react'; import { useParams } from 'react-router'; import { Link } from 'react-router-dom'; -import { getGroup, getGroupEvents } from '../api'; +import { getGroup } from '../api'; import { IGroup } from '../types'; import Group from './Group'; @@ -11,19 +11,16 @@ export default function GroupPage() { const [group, setGroup] = useState(null); useEffect(() => { + if (isNaN(+id)) { + setLoading(false); + return; + } + async function load() { setLoading(true); - try { - const group = await getGroup(+id); - const events = await getGroupEvents(+id); - - setGroup({ ...group, events }); - } catch (e) { - console.error(e); - setGroup(null); - } - - setLoading(false); + getGroup(+id) + .then(setGroup) + .finally(() => setLoading(false)); } load();