diff --git a/src/components/ToolBar/tools/CreateEventBtn/CreateEventBtn.jsx b/src/components/ToolBar/tools/CreateEventBtn/CreateEventBtn.tsx
similarity index 83%
rename from src/components/ToolBar/tools/CreateEventBtn/CreateEventBtn.jsx
rename to src/components/ToolBar/tools/CreateEventBtn/CreateEventBtn.tsx
index 1db6a10..cf093b0 100644
--- a/src/components/ToolBar/tools/CreateEventBtn/CreateEventBtn.jsx
+++ b/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>
     </>
-}
\ No newline at end of file
+}
diff --git a/src/contexts/Events/EventContext.ts b/src/contexts/Events/EventContext.ts
index 7b87226..14136d6 100644
--- a/src/contexts/Events/EventContext.ts
+++ b/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);
\ No newline at end of file