ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-12-06 17:27:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2648 from XRPLF/community-fix

Browse Source 
fix case where there is no upcoming event
This commit is contained in:
Rome Reginelli
2024-07-01 15:12:13 -07:00
committed by GitHub
parent 0845af6e46 9de70ac4e2
commit 0cf71fc46f
1 changed files with 36 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
community/index.page.tsx
View File

@@ -1,7 +1,7 @@
import React, { useState } from "react";
import { useThemeHooks } from '@redocly/theme/core/hooks';
import { useThemeHooks } from "@redocly/theme/core/hooks";
import moment from "moment";
import { Link } from '@redocly/theme/components/Link/Link';
import { Link } from "@redocly/theme/components/Link/Link";
export const frontmatter = {
seo: {
@@ -197,7 +197,6 @@ const XrplEventsAndCarouselSection = ({ events }) => {
};
const { prevEvent, currentEvent, nextEvent } = updateCarousel();
return (
<>
<section className="xrpl-events-section">
@@ -205,9 +204,15 @@ const XrplEventsAndCarouselSection = ({ events }) => {
<div className="header">
<h6 className="events-text">{translate("XRPL Events")}</h6>
<h4 className="events-text">
{translate("community.index.event.h4part1", "Check out global events hosted ")}
{translate(
"community.index.event.h4part1",
"Check out global events hosted "
)}
<br className="d-none-sm" />
{translate("community.index.event.h4part2", "by the XRPL community")}
{translate(
"community.index.event.h4part2",
"by the XRPL community"
)}
</h4>
</div>
<p className="description">
@@ -223,25 +228,27 @@ const XrplEventsAndCarouselSection = ({ events }) => {
{translate("View All Events")}
</Link>
</div>
<div className="upcoming-event" id="upcoming-events-section">
<p className="upcoming-label">{translate("UPCOMING EVENT")}</p>
<div id="days-count" className="days-count">
{nearestDateDiff}
{!!nearestEvent && (
<div className="upcoming-event" id="upcoming-events-section">
<p className="upcoming-label">{translate("UPCOMING EVENT")}</p>
<div id="days-count" className="days-count">
{nearestDateDiff}
</div>
<div className="days-word">{translate("days")}</div>
<div className="num-separator"></div>
<h5 id="upcoming-event-name" className="event-name">
{translate(nearestEvent?.name)}
</h5>
<p className="mb-2 event-details d-flex icon">
<span className="icon-location"></span>
<span id="upcoming-event-date">{nearestEvent?.date}</span>
</p>
<p className="event-location d-flex icon">
<span className="icon-date" id="upcoming-event-location"></span>
<span id="location-tag">{nearestEvent?.location}</span>
</p>
</div>
<div className="days-word">{translate("days")}</div>
<div className="num-separator"></div>
<h5 id="upcoming-event-name" className="event-name">
{translate(nearestEvent.name)}
</h5>
<p className="mb-2 event-details d-flex icon">
<span className="icon-location"></span>
<span id="upcoming-event-date">{nearestEvent.date}</span>
</p>
<p className="event-location d-flex icon">
<span className="icon-date" id="upcoming-event-location"></span>
<span id="location-tag">{nearestEvent.location}</span>
</p>
</div>
)}
<Link
target="_blank"
className="cd-none-lg btn btn-primary btn-arrow view-all-events-btn"
@@ -357,7 +364,9 @@ const CommunityPage: React.FC = () => {
{translate("community.index.h1part1", "A Global Blockchain")}
<br className="until-sm" />
{translate("community.index.h1part2", "Community of ")}
<span className="builders-wrap">{translate("community.index.h1part3", "Builders")}</span>
<span className="builders-wrap">
{translate("community.index.h1part3", "Builders")}
</span>
<br className="until-sm" />
{translate("community.index.h1part4", "and Innovators")}
</h1>
@@ -674,7 +683,9 @@ const CommunityPage: React.FC = () => {
{translate("Contribute to XRPL.org")}
</h6>
<h6 className="card-subtitle">
{translate("A Community-Driven Resource for All Things XRP Ledger")}
{translate(
"A Community-Driven Resource for All Things XRP Ledger"
)}
</h6>
<p className="card-description">
{translate(