Convert CreateEventBtn to Typescript

src/components/ToolBar/tools/CreateEventBtn/CreateEventBtn.tsx

@@ -4,19 +4,19 @@ import Modal from "../../../ui/Modal/Modal";
 import Button from "../../../ui/Button/Button";
 import TextInput from "../../../ui/Input/Input";
 import { EventContext } from "../../../../contexts/Events/EventContext.js";
-import {AuthContext} from "../../../../contexts/Auth/AuthContext.ts";
+import { AuthContext } from "../../../../contexts/Auth/AuthContext";
 
 
 export default function CreateEventBtn() {
 
-    const { addEvent } = useContext(EventContext);
-    const { user } = useContext(AuthContext);
+    const { addEvent } = useContext(EventContext)!;
+    const { user } = useContext(AuthContext)!;
 
-    const [isOpen, setIsOpen] = useState(false);
-    const [name, setName] = useState("");
-    const [description, setDescription] = useState("");
-    const [start, setStart] = useState("");
-    const [end, setEnd] = useState("");
+    const [isOpen, setIsOpen] = useState<boolean>(false);
+    const [name, setName] = useState<string>("");
+    const [description, setDescription] = useState<string>("");
+    const [start, setStart] = useState<string>("");
+    const [end, setEnd] = useState<string>("");
 
     const handleCreateEvent = async () => {
 
@@ -62,4 +62,4 @@ export default function CreateEventBtn() {
             </section>
         </Modal>
     </>
-}
+}

src/contexts/Events/EventContext.ts

@@ -17,6 +17,7 @@ export type EventGroup = {
 export type EventContextType = {
   events: EventGroup[];
   updateEvent: () => void;
+  addEvent: (name: string, description: string, start: string, end: string) => Promise<void>;
 };
 
 export const EventContext = createContext<EventContextType | null>(null);