1import { useContext } from "react";
2import { useNavigate } from "react-router";
3
4import PageTitle from "@/components/page-title";
5import ActivityForm from "@/components/activity-form";
6import { AppContext } from "@/ContextProvider";
7
8const ActivityNew = () => {
9 const { state, dispatch } = useContext(AppContext);
10 const navigate = useNavigate();
11
12 const { friends } = state;
13
14 function handleSubmit(activity) {
15 dispatch({ type: "addActivity", payload: activity });
16 navigate("/activities");
17 }
18
19 return (
20 <>
21 <PageTitle title="new activity" />
22
23 <h1>new activity</h1>
24
25 <ActivityForm
26 friends={friends}
27 onSubmit={handleSubmit}
28 formInfo={{
29 type: "add",
30 defaultValues: null,
31 }}
32 />
33 </>
34 );
35};
36
37export default ActivityNew;