diff --git a/src/cms/cms.js b/src/cms/cms.js
index b012d9a50..0f962b05c 100644
--- a/src/cms/cms.js
+++ b/src/cms/cms.js
@@ -26,6 +26,7 @@ import ContributorsPagePreview from './preview-templates/ContributorsPagePreview
import AnnualReportPagePreview from './preview-templates/AnnualReportPagePreview'
import ProjectsContactPagePreview from './preview-templates/ProjectsContactPagePreview'
import SummitLandingPagePreview from './preview-templates/SummitLandingPagePreview'
+import OpenInfraDaysPagePreview from './preview-templates/OpenInfraDaysPagePreview'
CMS.registerPreviewStyle('style/styles.scss');
CMS.registerPreviewStyle('style/previews.css');
@@ -56,4 +57,5 @@ CMS.registerPreviewTemplate('electionPage', ElectionPagePreview)
CMS.registerPreviewTemplate('contributors-pages', ContributorsPagePreview)
CMS.registerPreviewTemplate('annual-report-pages', AnnualReportPagePreview)
CMS.registerPreviewTemplate('projects-contact', ProjectsContactPagePreview)
-CMS.registerPreviewTemplate('summit-landing-page', SummitLandingPagePreview);
\ No newline at end of file
+CMS.registerPreviewTemplate('summit-landing-page', SummitLandingPagePreview);
+CMS.registerPreviewTemplate('openinfra-days', OpenInfraDaysPagePreview)
diff --git a/src/cms/preview-templates/OpenInfraDaysPagePreview.js b/src/cms/preview-templates/OpenInfraDaysPagePreview.js
new file mode 100644
index 000000000..4ad9996ed
--- /dev/null
+++ b/src/cms/preview-templates/OpenInfraDaysPagePreview.js
@@ -0,0 +1,55 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { OpenInfraDaysPageTemplate } from '../../templates/open-infra-days-page'
+
+const OpenInfraDaysPagePreview = ({ entry, widgetFor }) => {
+ const data = entry.getIn(['data']).toJS()
+
+ const entryUpcomingDaysEvents = entry.getIn(['data', 'upcomingDaysEvents', 'events'])
+ const upcomingDaysEvents = entryUpcomingDaysEvents ? entryUpcomingDaysEvents.toJS() : []
+
+ const entryUpcomingMeetups = entry.getIn(['data', 'upcomingMeetups'])
+ const upcomingMeetups = entryUpcomingMeetups ? entryUpcomingMeetups.toJS() : []
+
+ const entryPastMeetups = entry.getIn(['data', 'pastMeetups'])
+ const pastMeetups = entryPastMeetups ? entryPastMeetups.toJS() : []
+
+ const entryCommunityEvents = entry.getIn(['data', 'communityEvents', 'events'])
+ const communityEvents = entryCommunityEvents ? entryCommunityEvents.toJS() : []
+
+ const entryUpcomingSummits = entry.getIn(['data', 'upcomingSummits'])
+ const upcomingSummits = entryUpcomingSummits ? entryUpcomingSummits.toJS() : []
+
+ if (data) {
+ return (
+
-
+
{day.date}
-
-
+
+
-
-
+
+
-
-
+
+
-
+
More info coming soon