Skip to content

fix: summit card link on cms, remove hardcoded value #727

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
tomrndom wants to merge 3 commits into
base: master
Choose a base branch
from
+49 −37
Open

fix: summit card link on cms, remove hardcoded value #727

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
e1c45c3
fix: summit card link on cms, remove hardcoded value
tomrndom Jan 31, 2026
3128f62
fix: rename props in CMS to improve ux, update links and adjust link …
tomrndom Feb 5, 2026
9ee174c
fix: remove link if no imageLink is present on summit card
tomrndom Feb 5, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions src/components/RoundedButton/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,20 +14,20 @@ const RoundedButton = ({ link, text, className, hasArrowIcon = true, arrowColor

const arrowIcon = (color) => {
return (
<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow-icon">
<path d="M21 19L26 14" stroke={color} stroke-width="2" stroke-linecap="round" />
<path d="M21 9L26 14" stroke={color} stroke-width="2" stroke-linecap="round" />
<path d="M12 14L26 14" stroke={color} stroke-width="2" stroke-linecap="round" />
<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg" className="arrow-icon">
<path d="M21 19L26 14" stroke={color} strokeWidth="2" strokeLinecap="round" />
<path d="M21 9L26 14" stroke={color} strokeWidth="2" strokeLinecap="round" />
<path d="M12 14L26 14" stroke={color} strokeWidth="2" strokeLinecap="round" />
</svg>
)
}

const arrowHoverIcon = (color) => {
return (
<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow-hover-icon">
<path d="M21 19L26 14" stroke={color} stroke-width="2" stroke-linecap="round" />
<path d="M21 9L26 14" stroke={color} stroke-width="2" stroke-linecap="round" />
<path d="M12 14L26 14" stroke={color} stroke-width="2" stroke-linecap="round" />
<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg" className="arrow-hover-icon">
<path d="M21 19L26 14" stroke={color} strokeWidth="2" strokeLinecap="round" />
<path d="M21 9L26 14" stroke={color} strokeWidth="2" strokeLinecap="round" />
<path d="M12 14L26 14" stroke={color} strokeWidth="2" strokeLinecap="round" />
</svg>
)
}
Expand Down
64 changes: 35 additions & 29 deletions src/components/SummitCard/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,45 +11,51 @@ const SummitCard = ({
background,
summit,
cardStyles,
link = "https://www.lfopensource.cn/kubecon-cloudnativecon-openinfra-summit-pytorch-conference-china/",
}) => {
if (!summit) return null;

const { date, location, notification } = summit;
const { date, location, notification, imageLink } = summit;

return (
<LinkComponent href={link}>
<section className="summit-card-wrapper" style={cardStyles}>
<section className="summit-card-wrapper" style={cardStyles}>
{imageLink ?
<LinkComponent href={imageLink}>
<div
className="summit-card-image"
style={{ backgroundImage: `url(${background}` }}
/>
</LinkComponent>
:
<div
className="summit-card-image"
style={{ backgroundImage: `url(${background}` }}
/>
<div
className={`summit-card-info ${notification?.text ? "" : "no-notification"}`}
>
<div className="summit-card-info-wrapper">
<span>
<img src={calendarIcon} /> {date}
</span>
<span>
<img src={locationIcon} /> {location}
</span>
</div>
}
<div
className={`summit-card-info ${notification?.text ? "" : "no-notification"}`}
>
<div className="summit-card-info-wrapper">
<span>
<img src={calendarIcon} /> {date}
</span>
<span>
<img src={locationIcon} /> {location}
</span>
</div>
</div>
{notification?.text && (
<div className="summit-card-notification">
<span dangerouslySetInnerHTML={{ __html: notification.text }} />
{notification?.button.text && (
<RoundedButton
link={notification.button.link}
text={notification.button.text}
className="summit-card-button"
/>
)}
</div>
{notification?.text && (
<div className="summit-card-notification">
<span dangerouslySetInnerHTML={{ __html: notification.text }} />
{notification?.button.text && (
<RoundedButton
link={notification.button.link}
text={notification.button.text}
className="summit-card-button"
/>
)}
</div>
)}
</section>
</LinkComponent>
)}
</section>
);
};

Expand Down
1 change: 1 addition & 0 deletions src/content/upcoming-summits.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
"background": "/img/summit-landing/cards/summit-asia-26.png",
"date": "September 8-9, 2026",
"location": "Shanghai International Convention Center Oriental Riverside Hotel",
"imageLink": "https://www.lfopensource.cn/kubecon-cloudnativecon-openinfra-summit-pytorch-conference-china/",
"notification": {
"text": " ",
"button": {
Expand Down
2 changes: 2 additions & 0 deletions src/pages/summit/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,6 +59,7 @@ pastSummits:
background: /img/summit-landing/cards/summit-europe-25-2.png
date: October 17-19, 2025
location: École Polytechnique, Paris-Saclay, France
imageLink: https://youtube.com/playlist?list=PLKqaoAnDyfgr91wN_12nwY321504Ctw1s&si=7IRIo_YUv4U0yBnD
notification:
text: " "
button:
Expand All @@ -68,6 +69,7 @@ pastSummits:
background: /img/summit-landing/cards/summit-asia.png
date: September 3 & 4, 2024
location: Suwon Convention Center, Suwon, South Korea
imageLink: https://youtube.com/playlist?list=PLKqaoAnDyfgqjY-vzt45oayXLa4aLpMRU&feature=shared
notification:
text: " "
button:
Expand Down
1 change: 1 addition & 0 deletions src/templates/summit-landing-page.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -216,6 +216,7 @@ export const SummitLandingPageQuery = graphql`
}
date
location
imageLink
notification {
text
button {
Expand Down
2 changes: 2 additions & 0 deletions static/admin/config.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1273,6 +1273,7 @@ collections:
{ label: "Background", name: background, widget: image },
{ label: "Date", name: date, widget: string },
{ label: "Location", name: location, widget: string },
{ label: "Image Link", name: imageLink, widget: string },
{ label: "Notification", name: notification, widget: object, fields: [
{ label: "Text", name: text, widget: string },
{ label: "Button", name: button, widget: object, fields: [
Expand Down Expand Up @@ -1346,6 +1347,7 @@ collections:
{ label: "Background Image", name: background, widget: image },
{ label: "Date", name: date, widget: string },
{ label: "Location", name: location, widget: string },
{ label: "Image Link", name: imageLink, widget: string },
{ label: "Notification", name: notification, widget: object, fields: [
{ label: "Text", name: text, widget: string },
{ label: "Button", name: button, widget: object, fields: [
Expand Down