From af89f70c9b414cb71484ef8e1dc51956c7a37ce2 Mon Sep 17 00:00:00 2001 From: Georgios Konstantopoulos Date: Wed, 18 Feb 2026 17:54:54 +0000 Subject: [PATCH] feat: add reusable Badge pill component and use in network upgrades page Adds a Badge component following the Demo pill style (rounded-[30px], 9px uppercase text) with variants for all Radix color scales: red, amber, green, blue, violet, gray. Replaces emoji priority indicators with Required on the network upgrades page. Co-authored-by: Jen Amp-Thread-ID: https://ampcode.com/threads/T-019c71df-8566-77cd-80ce-01c287208044 Co-authored-by: Amp --- src/components/Badge.tsx | 28 +++++++++++++++++++++++ src/pages/guide/node/network-upgrades.mdx | 8 ++++--- 2 files changed, 33 insertions(+), 3 deletions(-) create mode 100644 src/components/Badge.tsx diff --git a/src/components/Badge.tsx b/src/components/Badge.tsx new file mode 100644 index 0000000..6722de7 --- /dev/null +++ b/src/components/Badge.tsx @@ -0,0 +1,28 @@ +const variants = { + red: 'bg-red3 text-red11', + amber: 'bg-amber3 text-amber11', + green: 'bg-green3 text-green11', + blue: 'bg-accentTint text-accent', + violet: 'bg-violet3 text-violet11', + gray: 'bg-gray3 text-gray11', +} as const + +type BadgeVariant = keyof typeof variants + +export function Badge({ + variant = 'gray', + children, +}: { + variant?: BadgeVariant + children: React.ReactNode +}) { + return ( + + {children} + + ) +} + +export default Badge diff --git a/src/pages/guide/node/network-upgrades.mdx b/src/pages/guide/node/network-upgrades.mdx index 000e17c..b83d1ee 100644 --- a/src/pages/guide/node/network-upgrades.mdx +++ b/src/pages/guide/node/network-upgrades.mdx @@ -2,6 +2,8 @@ description: Timeline and details for Tempo network upgrades and important releases for node operators. --- +import { Badge } from '../../../components/Badge' + # Network Upgrades and Releases Tempo uses scheduled network upgrades to introduce protocol changes. Each upgrade goes through testnet activation before mainnet. This page also tracks important releases that node operators should be aware of. @@ -12,7 +14,7 @@ For detailed release notes and binaries, see the [Changelog](/changelog). | Release | Date | Network | Description | Priority | |---------|------|---------|-------------|----------| -| [v1.2.0](https://github.com/tempoxyz/tempo/releases/tag/v1.2.0) | Feb 13, 2026 | Mainnet only | Fixes validation bug rejecting transactions with gas limits above ~16.7M, blocking large contract deployments | 🔴 Required | +| [v1.2.0](https://github.com/tempoxyz/tempo/releases/tag/v1.2.0) | Feb 13, 2026 | Mainnet only | Fixes validation bug rejecting transactions with gas limits above ~16.7M, blocking large contract deployments | Required | --- @@ -24,7 +26,7 @@ For detailed release notes and binaries, see the [Changelog](/changelog). | **TIPs** | [TIP-1000: State Creation Cost Increase](https://docs.tempo.xyz/protocol/tips/tip-1000), [TIP-1009: Expiring Nonces](https://docs.tempo.xyz/protocol/tips/tip-1009), [TIP-1010: Mainnet Gas Parameters](https://docs.tempo.xyz/protocol/tips/tip-1010) | | **Testnet** | Feb 5, 2026 15:00 UTC (unix: 1770303600) — Release: [v1.1.0](https://github.com/tempoxyz/tempo/releases/tag/v1.1.0) | | **Mainnet** | Feb 12, 2026 15:00 UTC (unix: 1770908400) — Release: [v1.1.1](https://github.com/tempoxyz/tempo/releases/tag/v1.1.1) | -| **Priority** | 🔴 Required | +| **Priority** | Required | --- @@ -34,4 +36,4 @@ For detailed release notes and binaries, see the [Changelog](/changelog). |---|---| | **Scope** | Initial mainnet launch | | **Mainnet** | Jan 16, 2026 (genesis) — Release: [v1.0.0](https://github.com/tempoxyz/tempo/releases/tag/v1.0.0) | -| **Priority** | 🔴 Required | +| **Priority** | Required |