const { Card, Button } = window.TheCoopDesignSystem_a9fb85;
// The Coop's real public Google Calendar.
const CAL_ID = '0r49o8cj65ab5l9lj063idkjf8%40group.calendar.google.com';
const CAL_SUBSCRIBE = 'https://calendar.google.com/calendar/u/0?cid=MHI0OW84Y2o2NWFiNWw5bGowNjNpZGtqZjhAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ';
// Restricted to the Calendar API + thecoopeats.com / www.thecoopeats.com in Google Cloud Console.
const CAL_API_KEY = 'AIzaSyDv6iBwojDi0lCbsEfXjz0FIHGJIt0Kk-8';
const CAL_MAX_STOPS = 20;
function formatStop(ev) {
const isAllDay = !!ev.start.date && !ev.start.dateTime;
const start = new Date(ev.start.dateTime || ev.start.date + 'T00:00:00');
const end = ev.end && (ev.end.dateTime || ev.end.date) ? new Date(ev.end.dateTime || ev.end.date + 'T00:00:00') : null;
const dateLabel = start.toLocaleDateString('en-US', {
weekday: 'short', month: 'short', day: 'numeric',
timeZone: isAllDay ? 'UTC' : 'America/New_York'
});
if (isAllDay) return { dateLabel, timeLabel: 'All day' };
const fmtTime = d => d.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit', timeZone: 'America/New_York' });
return { dateLabel, timeLabel: end ? `${fmtTime(start)}–${fmtTime(end)}` : fmtTime(start) };
}
function StopRow({ event, last }) {
const { dateLabel, timeLabel } = formatStop(event);
return (
{event.summary || 'The Coop'}
{event.location &&
{event.location}
}
);
}
function FindUs() {
const [events, setEvents] = React.useState(null); // null = loading
const [failed, setFailed] = React.useState(false);
React.useEffect(() => {
let cancelled = false;
const url = 'https://www.googleapis.com/calendar/v3/calendars/' + CAL_ID + '/events' +
'?key=' + CAL_API_KEY +
'&timeMin=' + encodeURIComponent(new Date().toISOString()) +
'&singleEvents=true&orderBy=startTime&maxResults=' + CAL_MAX_STOPS;
fetch(url)
.then(r => { if (!r.ok) throw new Error('calendar fetch failed'); return r.json(); })
.then(data => { if (!cancelled) setEvents((data.items || []).filter(e => e.status !== 'cancelled')); })
.catch(() => { if (!cancelled) setFailed(true); });
return () => { cancelled = true; };
}, []);
let body;
if (failed) {
body = (
Couldn't load the schedule right now.
);
} else if (events === null) {
body = Loading the schedule…
;
} else if (events.length === 0) {
body = No stops booked yet — check @thecoopeats for updates.
;
} else {
body = events.map((ev, i) => );
}
return (
Find the truck
Every upcoming stop we've got booked, straight off our calendar — nothing that's already passed. Subscribe and it updates itself on your phone.
{body}
Weather and breakdowns happen. We post changes on @thecoopeats first.
);
}
Object.assign(window, { FindUs, CAL_SUBSCRIBE, CAL_ID });