Upcoming Events Widget

Lite version React component for the show schedule

Config

** eventsData = array of all events from the summit

** summitData = object with the data from the summit

** marketingData = object with the settings from the marketing API

** userProfile = object with the data from the user profile

** onEventClick(event) = method called upon event click

** onTrackClick(trackId) = method called upon track click

** onCompanyClick(companyId) = method called upon sponsor click

** onRoomClick(roomId) = method called upon room click

** onSpeakerClick(speakerId) = method called upon speaker click

title = widget title

titleLevel = widget title level - defaults to <h2>

subtitle = widget subtitle

allEventsLink = link to all events page - can be a function returning a link - defaults to null

renderEventLink = render prop to render event link. If a function is provided, event object is sent as function argument. If none is provided, event title is rendered without link.

eventCount = # of events to show on carousel viewport - defaults to 3

sponsorId = shows upcoming events from a specific Sponsor - value sponsorId

roomId = shows upcoming events from a specific Room - value roomId

speakerId = shows upcoming events from a specific Speaker - value speakerId

trackId = shows upcoming events from a specific Track - value trackId

showAllEvents = shows passed events when current date matches the selected date - defaults to false

hideAdd = bool to disable "add to schedule" action - defaults to false

hideEventColor = bool to hide track/type color on event cards - defaults to false

showUTC = bool to show UTC time next to event dates - defaults to false

defaultImage = url for image to show when no eventImage and no stream thumbnail available/set

triggerAction = method that will take an ACTION and a payload as params and will return a promise.

PUBLISH TO NPM:

1 - yarn build && yarn publish

2 - yarn publish-package

IMPORT:

import UpcomingEvents from 'upcoming-events-widget';

import 'upcoming-events-widget/index.css';

DEBUG:

You can pass this hash on url to override current time, time must be in this format and on summit timezone

#now=2020-06-03,10:59:50