diff --git a/components/noMeetup.js b/components/noMeetup.js
new file mode 100644
index 0000000..1ad5c88
--- /dev/null
+++ b/components/noMeetup.js
@@ -0,0 +1,28 @@
+import React from 'react'
+
+const NoMeetup = () => {
+ return (
+
+
+
No Meetups Currently Scheduled
+
+
+ 😠Sorry! We don't have anything scheduled at the moment. Please
+ join our group over at{' '}
+
Meetup. if
+ you'd like to be notified when the next meetup happens. We are
+ always looking for people to give talks. If you're interested in
+ giving a talk, send us an email over at talks@detroitjs.com.
+
+
+
+
+
+ )
+}
+
+export default NoMeetup
diff --git a/pages/index.js b/pages/index.js
index 957f61d..6ce2284 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -3,17 +3,11 @@ import PropTypes from 'prop-types'
import axios from 'axios'
import Layout from '../components/layout'
import Meetups from '../components/meetups'
+import NoMeetup from '../components/noMeetup'
-const Index = ({ meetups }) => (
-
-
-
Upcoming Meetups
-
-
-
-)
+const Index = ({ meetups }) => {renderContent(meetups)}
-Index.getInitialProps = async ({req}) => {
+Index.getInitialProps = async ({ req }) => {
const res = await axios.get('https://detroitjs.sixlabs.io/events')
const meetups = res.data.data
@@ -24,4 +18,21 @@ Index.propTypes = {
meetups: PropTypes.array
}
+const renderContent = meetups => {
+ if (meetups.length >= 1) {
+ return (
+
+
Upcoming Meetups
+
+
+ )
+ } else {
+ return (
+
+
+
+ )
+ }
+}
+
export default Index