diff --git a/src/App.js b/src/App.js index 99c843b..a7fabc0 100644 --- a/src/App.js +++ b/src/App.js @@ -1,10 +1,8 @@ import React, { useState } from 'react'; import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'; import CalendarApp from './pages/CalendarApp'; - //Creating an app context using context API export const AppContext = React.createContext(); - function App() { const [month, setMonth] = useState( new Date().toLocaleString({}, { month: 'long' }) diff --git a/src/components/CreateEvent/CreateEvent.js b/src/components/CreateEvent/CreateEvent.js new file mode 100644 index 0000000..1f99d08 --- /dev/null +++ b/src/components/CreateEvent/CreateEvent.js @@ -0,0 +1,78 @@ + +export default function CreateEvent (){ + return( +
+
+ +
+

Add New Event

+ + + +
+ +
+ Event + Reminder +
+ +
+ + +
+ +
+
+ + +
+ +
+ + +
+
+ +
+ + + + + +
+ +
+ + +
+ +
+
+

Description

+ +
+ + + + + +
+
+
+
+ +
+
+
+ + +
+ +
+ + +
+
+
+ )} diff --git a/src/pages/CalendarApp.js b/src/pages/CalendarApp.js index 0710202..cdc3e10 100644 --- a/src/pages/CalendarApp.js +++ b/src/pages/CalendarApp.js @@ -1,12 +1,14 @@ import React from 'react'; import MainContent from '../components/MainContent'; import Navbar from '../components/Navbar'; +import CreateEvent from '../components/CreateEvent/CreateEvent'; function CalendarApp() { return (
+
); }