Skip to content

feat: add reusable Badge pill component #110

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

Merged
struong merged 1 commit into from
Feb 18, 2026
Merged

feat: add reusable Badge pill component #110

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
28 changes: 28 additions & 0 deletions src/components/Badge.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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 (
<span
className={`inline-flex h-[19px] items-center justify-center rounded-[30px] px-1.5 text-center font-medium text-[9px] uppercase leading-none tracking-[2%] ${variants[variant]}`}
>
{children}
</span>
)
}

export default Badge
8 changes: 5 additions & 3 deletions src/pages/guide/node/network-upgrades.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand All @@ -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 | <Badge variant="red">Required</Badge> |

---

Expand All @@ -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** | <Badge variant="red">Required</Badge> |

---

Expand All @@ -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** | <Badge variant="red">Required</Badge> |