Skip to content
12 changes: 12 additions & 0 deletions website/src/components/Roadmap/FeaturedDrawer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,8 @@ export interface FeaturedItem {
benefits?: string;
status: 'shipped' | 'in-progress' | 'planned';
quarter: string;
/** Version this was released in (optional, typically for shipped items). */
version?: string;
docs?: string;
changelog?: string;
pr?: number;
Expand Down Expand Up @@ -184,6 +186,16 @@ export default function FeaturedDrawer({
<span className={styles.drawerMetaItem}>
{item.quarter.replace('q', 'Q').replace('-', ' ')}
</span>
{item.version && (
<Link
to={`https://github.com/cloudposse/atmos/releases/tag/${item.version}`}
className={styles.drawerMetaVersion}
target="_blank"
rel="noopener noreferrer"
>
{item.version}
</Link>
)}
<span
className={`${styles.drawerMetaStatus} ${styles[statusClassMap[item.status] || 'drawerMetaStatusPlanned']}`}
>
Expand Down
10 changes: 10 additions & 0 deletions website/src/components/Roadmap/MilestoneDrawer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -173,6 +173,16 @@ export default function MilestoneDrawer({
<span className={styles.drawerMetaItem}>
{milestone.quarter.replace('q', 'Q').replace('-', ' ')}
</span>
{milestone.version && (
<Link
to={`https://github.com/cloudposse/atmos/releases/tag/${milestone.version}`}
className={styles.drawerMetaVersion}
target="_blank"
rel="noopener noreferrer"
>
{milestone.version}
</Link>
)}
<span
className={`${styles.drawerMetaStatus} ${styles[statusClassMap[milestone.status] || 'drawerMetaStatusPlanned']}`}
>
Expand Down
2 changes: 2 additions & 0 deletions website/src/components/Roadmap/MilestoneList.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,8 @@ export interface Milestone {
label: string;
status: 'shipped' | 'in-progress' | 'planned';
quarter: string;
/** Version this was released in (optional, typically for shipped items). */
version?: string;
/** GitHub PR number (optional). */
pr?: number;
/** Changelog slug (optional) - links to /changelog/{slug}. */
Expand Down
28 changes: 28 additions & 0 deletions website/src/components/Roadmap/styles.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -1922,6 +1922,34 @@
color: var(--ifm-color-emphasis-600);
}

.drawerMetaVersion {
font-size: 0.8rem;
font-weight: 500;
font-family: var(--ifm-font-family-monospace);
padding: 0.2rem 0.6rem;
background: rgba(0, 0, 0, 0.06);
border-radius: 12px;
color: var(--ifm-color-emphasis-700);
text-decoration: none;
transition: all 0.2s ease;
}

.drawerMetaVersion:hover {
background: rgba(30, 91, 184, 0.15);
color: #1e5bb8;
text-decoration: none;
}

:global(html[data-theme='dark']) .drawerMetaVersion {
background: rgba(255, 255, 255, 0.1);
color: var(--ifm-color-emphasis-500);
}

:global(html[data-theme='dark']) .drawerMetaVersion:hover {
background: rgba(83, 140, 233, 0.2);
color: #538ce9;
}

.drawerMetaStatus {
font-size: 0.8rem;
font-weight: 500;
Expand Down
Loading
Loading