diff --git a/community/events.page.tsx b/community/events.page.tsx index 37f631d790..e687567424 100644 --- a/community/events.page.tsx +++ b/community/events.page.tsx @@ -1,15 +1,15 @@ import React, { useState, useMemo } from "react"; -import { useThemeHooks } from '@redocly/theme/core/hooks'; +import { useThemeHooks } from "@redocly/theme/core/hooks"; const moment = require("moment"); -const amaImage = require("../static/img/events/AMAs.png") -const hackathon = require("../static/img/events/Hackathons.png") -const sanDiego = require("../static/img/events/event-meetup-san-diego@2x.jpg") -const miami = require("../static/img/events/event-meetup-miami@2x.jpg") -const conference = require("../static/img/events/Conference.png") -const zone = require("../static/img/events/XRPLZone.png") -const calls = require("../static/img/events/CommunityCalls.png") -const brazil = require("../static/img/events/event-meetup-brazil.png") -const korea = require("../static/img/events/SouthKoreaMeetup.png") +const amaImage = require("../static/img/events/AMAs.png"); +const hackathon = require("../static/img/events/Hackathons.png"); +const sanDiego = require("../static/img/events/event-meetup-san-diego@2x.jpg"); +const miami = require("../static/img/events/event-meetup-miami@2x.jpg"); +const conference = require("../static/img/events/Conference.png"); +const zone = require("../static/img/events/XRPLZone.png"); +const calls = require("../static/img/events/CommunityCalls.png"); +const brazil = require("../static/img/events/event-meetup-brazil.png"); +const korea = require("../static/img/events/SouthKoreaMeetup.png"); const infoSession = require("../static/img/events/InfoSessions.png"); export const frontmatter = { seo: { @@ -640,7 +640,6 @@ const events = [ image: conference, end_date: "June 1, 2024", }, - { name: "Permissionless", description: @@ -762,10 +761,21 @@ const events = [ image: infoSession, end_date: "August 23, 2024", }, + { + name: "APEX 2024: The XRPL Developer Summit", + description: + "Apex XRPL Developer Summit is the annual event where developers, contributors, and thought leaders come together to learn, build, share, network, and celebrate all things XRP Ledger.", + type: "conference", + link: "https://www.youtube.com/playlist?list=PLl-QsmXvjodqeHPgq1UrKVcRPoNJe12Wv", + location: "Amsterdam", + date: "June 11 - 13, 2024", + image: conference, + end_date: "June 13, 2024", + }, ]; export default function Events() { - const { useTranslate} = useThemeHooks(); + const { useTranslate } = useThemeHooks(); const { translate } = useTranslate(); const { past, upcoming } = useMemo(() => categorizeDates(events), []); @@ -794,11 +804,13 @@ export default function Events() { (event) => upcomingFilters[event.type.split("-")[0]] !== false ); }, [upcoming, upcomingFilters]); - + const filteredPast = useMemo(() => { - return past.filter((event) => pastFilters[event.type.split("-")[0]] !== false); + return past.filter( + (event) => pastFilters[event.type.split("-")[0]] !== false + ); }, [past, pastFilters]); - + const handleUpcomingFilterChange = (event) => { const { name, checked } = event.target; setUpcomingFilters((prevFilters) => ({ @@ -806,7 +818,7 @@ export default function Events() { [name.split("-")[0]]: checked, })); }; - + const handlePastFilterChange = (event) => { const { name, checked } = event.target; setPastFilters((prevFilters) => ({ @@ -814,7 +826,7 @@ export default function Events() { [name.split("-")[0]]: checked, })); }; - + return (
@@ -847,26 +859,26 @@ export default function Events() {

- {translate("XRP Ledger Apex")} + {translate("XRPL Zone Seoul")}

{translate("Save the Date")}

{translate( - "XRP Ledger Apex 2024 is the official global community summit that unites developers, innovators, businesses, and investors who are building the future of finance on the XRP Ledger blockchain." + "Join us at XRPL Zone Seoul where developers, corporates, fintechs, banks, VCs, academia, and the XRP community come together under one roof for the biggest XRPL event in South Korea!" )}

- Location: Amsterdam + Location: Seongdong-su, Seoul
- Date: June 11-13, 2024 + September 4th, 2024
{translate("Register Now")} @@ -897,7 +909,9 @@ export default function Events() { checked={upcomingFilters.conference} onChange={handleUpcomingFilterChange} /> - +
- +
- +
- +
@@ -989,7 +1009,9 @@ export default function Events() { background: `url(${event.image}) no-repeat`, }} > -
{translate(event.name)}
+
+ {translate(event.name)} +

{translate(event.description)}

@@ -1025,7 +1047,9 @@ export default function Events() { checked={pastFilters.conference} onChange={handlePastFilterChange} /> - +
- +
- +
@@ -1115,7 +1143,9 @@ export default function Events() { background: `url(${event.image}) no-repeat`, }} > -
{translate(event.name)}
+
+ {translate(event.name)} +

{translate(event.description)}

diff --git a/static/img/events/event-hero2@2x.png b/static/img/events/event-hero2@2x.png deleted file mode 100644 index 6c96917e83..0000000000 Binary files a/static/img/events/event-hero2@2x.png and /dev/null differ diff --git a/static/img/events/event-hero3@2x.png b/static/img/events/event-hero3@2x.png index 44dd7fe0af..49e513e607 100644 Binary files a/static/img/events/event-hero3@2x.png and b/static/img/events/event-hero3@2x.png differ