The Node.js® Website
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Events tweaks (#6356)

Co-authored-by: Claudio W <cwunder@gnome.org>

authored by

Brian Muenzenmeyer
Claudio W
and committed by
GitHub
af0c0075 8ad8886b

+12 -61
+4 -4
components/MDX/Calendar/UpcomingEvents.tsx components/MDX/Calendar/UpcomingMeetings.tsx
··· 9 9 10 10 import styles from './calendar.module.css'; 11 11 12 - type GrouppedEntries = Record<string, Array<CalendarEvent>>; 12 + type GroupedEntries = Record<string, Array<CalendarEvent>>; 13 13 14 - const UpcomingEvents: FC = async () => { 14 + const UpcomingMeetings: FC = async () => { 15 15 const events = await getCalendarEvents(CALENDAR_NODEJS_ID); 16 16 17 17 const groupedEntries = events.filter(getZoomLink).reduce((acc, event) => { ··· 25 25 acc[datePerDay].push(event); 26 26 27 27 return acc; 28 - }, {} as GrouppedEntries); 28 + }, {} as GroupedEntries); 29 29 30 30 const sortedGroupedEntries = Object.entries(groupedEntries).sort( 31 31 ([dateA], [dateB]) => new Date(dateA).getTime() - new Date(dateB).getTime() ··· 51 51 )); 52 52 }; 53 53 54 - export default UpcomingEvents; 54 + export default UpcomingMeetings;
-38
components/MDX/Calendar/UpcomingSummits.tsx
··· 1 - import { getTranslations } from 'next-intl/server'; 2 - import type { FC } from 'react'; 3 - 4 - import BlogPostCard from '@/components/Common/BlogPostCard'; 5 - import getBlogData from '@/next-data/blogData'; 6 - 7 - import styles from './calendar.module.css'; 8 - 9 - const UpcomingSummits: FC = async () => { 10 - const t = await getTranslations(); 11 - const { posts } = await getBlogData('events', 0); 12 - 13 - const currentDate = new Date(); 14 - const filteredPosts = posts.filter(post => post.date >= currentDate); 15 - 16 - const fallbackPosts = Array(2).fill({ 17 - title: t('components.mdx.upcomingEvents.defaultTitle'), 18 - categories: ['events'], 19 - }); 20 - 21 - const mappedPosts = fallbackPosts.map((post, key) => { 22 - const actualPost = filteredPosts[key] || post; 23 - 24 - return ( 25 - <BlogPostCard 26 - key={actualPost.slug || key} 27 - title={actualPost.title} 28 - category={actualPost.categories[0]} 29 - date={actualPost.date} 30 - slug={actualPost.slug} 31 - /> 32 - ); 33 - }); 34 - 35 - return <div className={styles.summits}>{mappedPosts}</div>; 36 - }; 37 - 38 - export default UpcomingSummits;
+3 -6
next.mdx.use.mjs
··· 20 20 import VersionDropdown from './components/Downloads/Release/VersionDropdown'; 21 21 import HomeDownloadButton from './components/Home/HomeDownloadButton'; 22 22 import Link from './components/Link'; 23 - import UpcomingEvents from './components/MDX/Calendar/UpcomingEvents'; 24 - import UpcomingSummits from './components/MDX/Calendar/UpcomingSummits'; 23 + import UpcomingMeetings from './components/MDX/Calendar/UpcomingMeetings'; 25 24 import MDXCodeBox from './components/MDX/CodeBox'; 26 25 import MDXCodeTabs from './components/MDX/CodeTabs'; 27 26 import SearchPage from './components/MDX/SearchPage'; ··· 56 55 Button: Button, 57 56 // Renders a Search Page 58 57 SearchPage: SearchPage, 59 - // Renders an container for Upcoming Node.js Summits 60 - UpcomingSummits: UpcomingSummits, 61 - // Renders an container for Upcoming Node.js Events 62 - UpcomingEvents: UpcomingEvents, 58 + // Renders an container for Upcoming Node.js Meetings 59 + UpcomingMeetings: UpcomingMeetings, 63 60 // Links with External Arrow 64 61 LinkWithArrow: LinkWithArrow, 65 62 // Group of components that enable you to select versions for Node.js
+5 -13
pages/en/about/get-involved/events.mdx
··· 3 3 layout: about.hbs 4 4 --- 5 5 6 - ## Upcoming Node.js® Summits 7 - 8 - Interested in joining a [Collaborator Summit](/about/get-involved/collab-summit) hosted by the Node.js project? 9 - Check out the list below to find upcoming events. 10 - 11 - Browse [previous Collaborator Summits & Events](/blog/events/) hosted by Node.js. 12 - 13 - <UpcomingSummits /> 6 + ## Upcoming Events 14 7 15 - --- 8 + Node.js events are open and available to the public. Anyone is welcome to join and participate. 16 9 17 - ## Upcoming Node.js® Events 10 + ### Upcoming Node.js® Meetings 18 11 19 12 The Node.js project holds numerous meetings throughout the year to discuss and plan aspects of the project. 20 - These meetings are open and available to the public. Anyone is welcome to join and participate. 21 13 22 - The following Events are upcoming in the next 7 days. 14 + The following meetings are upcoming in the next 7 days. 23 15 24 - <UpcomingEvents /> 16 + <UpcomingMeetings />