Archived
renamed logo to navbar (refs)
This commit is contained in:
1 parent
e8b5853e82
commit
fe40fd9639
1 file changed
+49
-50
+49
-50
@@ -5,61 +5,60 @@ import { About } from "./pages/About";
|
|||||||
import { Users } from "./pages/Users";
|
import { Users } from "./pages/Users";
|
||||||
import { Credits } from "./pages/Credits";
|
import { Credits } from "./pages/Credits";
|
||||||
import { NotFound } from "./pages/NotFound";
|
import { NotFound } from "./pages/NotFound";
|
||||||
import Logo from "./components/Logo";
|
import { Navbar } from "./components/Navbar";
|
||||||
import { CreateEvent } from "./pages/CreateEvent";
|
import { CreateEvent } from "./pages/CreateEvent";
|
||||||
import { Event } from "./pages/Event";
|
import { Event } from "./pages/Event";
|
||||||
import { EVENT_CONTEXT } from "./constants";
|
import { EVENT_CONTEXT } from "./constants";
|
||||||
import { LoginPage } from "./pages/Login";
|
import { LoginPage } from "./pages/Login";
|
||||||
|
|
||||||
export const App = (props) => {
|
export const App = (props) => {
|
||||||
const [context, setContext] = useState({
|
const [context, setContext] = useState({
|
||||||
events: props.events,
|
events: props.events,
|
||||||
updateEvents: function (events = []) {
|
updateEvents: function (events = []) {
|
||||||
if (!Array.isArray(events))
|
if (!Array.isArray(events)) throw new TypeError("Events must come in array");
|
||||||
throw new TypeError("Events must come in array");
|
setContext({
|
||||||
setContext({
|
events: events,
|
||||||
events: events,
|
updateEvents: this.updateEvents,
|
||||||
updateEvents: this.updateEvents,
|
});
|
||||||
});
|
},
|
||||||
},
|
});
|
||||||
});
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<EVENT_CONTEXT.Provider value={context}>
|
<EVENT_CONTEXT.Provider value={context}>
|
||||||
<Router>
|
<Router>
|
||||||
<Logo />
|
<Navbar />
|
||||||
<Switch>
|
<Switch>
|
||||||
<Route exact path="/about" component={About} />
|
<Route exact path="/about" component={About} />
|
||||||
<Route exact path="/credits" component={Credits} />
|
<Route exact path="/credits" component={Credits} />
|
||||||
<Route exact path="/users" component={Users} />
|
<Route exact path="/users" component={Users} />
|
||||||
<Route exact path="/">
|
<Route exact path="/">
|
||||||
<Home />
|
<Home />
|
||||||
</Route>
|
</Route>
|
||||||
<Route exact path="/create" component={CreateEvent} />
|
<Route exact path="/create" component={CreateEvent} />
|
||||||
<Route exact path="/login" component={LoginPage} />
|
<Route exact path="/login" component={LoginPage} />
|
||||||
{Array.isArray(props.events) &&
|
{Array.isArray(props.events) &&
|
||||||
props.events.map((e) => {
|
props.events.map((e) => {
|
||||||
return (
|
return (
|
||||||
<Route key={e._id} exact path={`/event/${e._id}`}>
|
<Route key={e._id} exact path={`/event/${e._id}`}>
|
||||||
<Event
|
<Event
|
||||||
data={{
|
data={{
|
||||||
name: e.name,
|
name: e.name,
|
||||||
type: e.type,
|
type: e.type,
|
||||||
description: e.description,
|
description: e.description,
|
||||||
address: e.address,
|
address: e.address,
|
||||||
time: e.time,
|
time: e.time,
|
||||||
lat: e.lat,
|
lat: e.lat,
|
||||||
lon: e.lon,
|
lon: e.lon,
|
||||||
id: e._id,
|
id: e._id,
|
||||||
createdTime: e.created.time,
|
createdTime: e.created.time,
|
||||||
}}
|
}}
|
||||||
></Event>
|
></Event>
|
||||||
</Route>
|
</Route>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
<Route component={NotFound} />
|
<Route component={NotFound} />
|
||||||
</Switch>
|
</Switch>
|
||||||
</Router>
|
</Router>
|
||||||
</EVENT_CONTEXT.Provider>
|
</EVENT_CONTEXT.Provider>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
Reference in new issue
Block a user