added copycell react components, changed official links list to a table

This commit is contained in:
nadeemb53
2025-09-22 19:24:22 +05:30
parent 8c3c7e621d
commit 348aeef347
4 changed files with 98 additions and 26 deletions
+6 -5
View File
@@ -6,6 +6,7 @@ keywords: [Status Network, network details, RPC endpoint, Chain ID, testnet conf
---
import AddToMetaMask from '@site/src/components/AddToMetaMask';
import CopyCell from '@site/src/components/CopyCell';
# Network Details
@@ -14,12 +15,12 @@ import AddToMetaMask from '@site/src/components/AddToMetaMask';
| Name | Value |
|---------------------|-------------------------------------------|
| **Network Name** | Status Network Testnet |
| **RPC Endpoint** | https://public.sepolia.rpc.status.network |
| **Chain ID** | 1660990954 |
| **Chain ID (Hex)** | 0x6300b5ea |
| **RPC Endpoint** | https://public.sepolia.rpc.status.network <CopyCell text="https://public.sepolia.rpc.status.network" ariaLabel="Copy RPC endpoint" /> |
| **Chain ID** | 1660990954 <CopyCell text="1660990954" ariaLabel="Copy Chain ID" /> |
| **Chain ID (Hex)** | 0x6300b5ea <CopyCell text="0x6300b5ea" ariaLabel="Copy Hex Chain ID" /> |
| **Currency Symbol** | ETH |
| **Block Explorer** | https://sepoliascan.status.network |
| **Bridge** | https://bridge.status.network |
| **Block Explorer** | https://sepoliascan.status.network <CopyCell text="https://sepoliascan.status.network" ariaLabel="Copy block explorer URL" /> |
| **Bridge** | https://bridge.status.network <CopyCell text="https://bridge.status.network" ariaLabel="Copy bridge URL" /> |
| **WebSocket RPC** | Get in touch with us on [Telegram](https://t.me/statusl2) to get a websocket RPC |
<AddToMetaMask />
+27 -12
View File
@@ -4,28 +4,43 @@ description: Complete directory of official Status Network resources, including
keywords: [Status Network links, official resources, network tools, development resources, community links, blockchain explorer, bridge, faucet]
---
import CopyCell from '@site/src/components/CopyCell';
# Official Links
This page contains all the official links for the Status Network ecosystem.
## Main Resources
- **Website**: [status.network](https://status.network)
- **Documentation**: [docs.status.network](https://docs.status.network)
- **GitHub**: [github.com/status-im](https://github.com/status-im)
| Name | Link |
|---|---|
| Website | [status.network](https://status.network) |
| Documentation | [docs.status.network](https://docs.status.network) |
| GitHub | [github.com/status-im](https://github.com/status-im) |
| Monorepo | [github.com/status-im/status-network-monorepo](https://github.com/status-im/status-network-monorepo) |
## Network Tools
- **Bridge**: [bridge.status.network](https://bridge.status.network)
- **Block Explorer**: [sepoliascan.status.network](https://sepoliascan.status.network)
- **RPC Endpoint**: [public.sepolia.rpc.status.network](https://public.sepolia.rpc.status.network)
- **WebSocket RPC**: Get in touch with us on [Telegram](https://t.me/statusl2) to get a websocket RPC
- **Faucet**: [faucet.status.network](https://faucet.status.network)
| Name | Link |
|---|---|
| Bridge | [bridge.status.network](https://bridge.status.network) <CopyCell text="https://bridge.status.network" ariaLabel="Copy bridge URL" /> |
| Block Explorer | [sepoliascan.status.network](https://sepoliascan.status.network) <CopyCell text="https://sepoliascan.status.network" ariaLabel="Copy block explorer URL" /> |
| RPC Endpoint | [public.sepolia.rpc.status.network](https://public.sepolia.rpc.status.network) <CopyCell text="https://public.sepolia.rpc.status.network" ariaLabel="Copy RPC endpoint URL" /> |
| WebSocket RPC | Get in touch with us on [Telegram](https://t.me/statusl2) to get a websocket RPC |
| Faucet | [faucet.status.network](https://faucet.status.network) <CopyCell text="https://faucet.status.network" ariaLabel="Copy faucet URL" /> |
## Development Resources
- **Token List Repository**: [github.com/status-im/status-network-token-list](https://github.com/status-im/status-network-token-list)
- **Contract Verification**: [sepoliascan.status.network/verify-contract](https://sepoliascan.status.network/contract-verification)
| Name | Link |
|---|---|
| Token List Repository | [github.com/status-im/status-network-token-list](https://github.com/status-im/status-network-token-list) |
| Contract Verification | [sepoliascan.status.network/contract-verification](https://sepoliascan.status.network/contract-verification) |
## Community & Support
- **Telegram Community**: [t.me/statusl2](https://t.me/statusl2)
- **X/twitter**: [x.com/statusL2](https://x.com/statusL2)
| Name | Link |
|---|---|
| Telegram Community | [t.me/statusl2](https://t.me/statusl2) |
| X/twitter | [x.com/statusL2](https://x.com/statusL2) |
For detailed information about adding the network to your wallet, see our [Add Network guide](/general-info/add-status-network).
+61
View File
@@ -0,0 +1,61 @@
import React, { useState } from 'react';
type CopyCellProps = {
text: string;
ariaLabel?: string;
};
export default function CopyCell({ text, ariaLabel }: CopyCellProps): JSX.Element {
const [copied, setCopied] = useState(false);
const handleCopy = async () => {
try {
if (typeof navigator !== 'undefined' && navigator.clipboard && navigator.clipboard.writeText) {
await navigator.clipboard.writeText(text);
} else {
const tempTextArea = document.createElement('textarea');
tempTextArea.value = text;
tempTextArea.setAttribute('readonly', '');
tempTextArea.style.position = 'absolute';
tempTextArea.style.left = '-9999px';
document.body.appendChild(tempTextArea);
tempTextArea.select();
document.execCommand('copy');
document.body.removeChild(tempTextArea);
}
setCopied(true);
window.setTimeout(() => setCopied(false), 1500);
} catch (err) {
// Swallow errors to avoid noisy UX; console for debugging
// eslint-disable-next-line no-console
console.error('Copy failed', err);
}
};
return (
<button
type="button"
className="button button--sm button--secondary"
aria-label={ariaLabel || `Copy ${text}`}
onClick={handleCopy}
title={copied ? 'Copied!' : 'Copy to clipboard'}
style={{ float: 'right', marginLeft: '8px' }}
>
<span aria-hidden="true" style={{ display: 'inline-flex', alignItems: 'center' }}>
{copied ? (
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 6L9 17L4 12" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
</svg>
) : (
// Standard copy icon (overlapping squares)
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="9" y="9" width="13" height="13" rx="2" ry="2" stroke="currentColor" strokeWidth="2" />
<path d="M5 15H4C2.895 15 2 14.105 2 13V4C2 2.895 2.895 2 4 2H13C14.105 2 15 2.895 15 4V5" stroke="currentColor" strokeWidth="2" strokeLinecap="round" />
</svg>
)}
</span>
</button>
);
}
+4 -9
View File
@@ -4430,15 +4430,10 @@ caniuse-api@^3.0.0:
lodash.memoize "^4.1.2"
lodash.uniq "^4.5.0"
caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001646, caniuse-lite@^1.0.30001669:
version "1.0.30001669"
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001669.tgz#fda8f1d29a8bfdc42de0c170d7f34a9cf19ed7a3"
integrity sha512-DlWzFDJqstqtIVx1zeSpIMLjunf5SmwOw0N2Ck/QSQdS8PLS4+9HrLaYei4w8BIAL7IB/UEDu889d8vhCTPA0w==
caniuse-lite@^1.0.30001702, caniuse-lite@^1.0.30001716:
version "1.0.30001718"
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001718.tgz#dae13a9c80d517c30c6197515a96131c194d8f82"
integrity sha512-AflseV1ahcSunK53NfEs9gFWgOEmzr0f+kaMFA4xiLZlr9Hzt7HxcSpIFcnNCUkz6R6dWKa54rUz3HUmI3nVcw==
caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001646, caniuse-lite@^1.0.30001669, caniuse-lite@^1.0.30001702, caniuse-lite@^1.0.30001716:
version "1.0.30001743"
resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001743.tgz"
integrity sha512-e6Ojr7RV14Un7dz6ASD0aZDmQPT/A+eZU+nuTNfjqmRrmkmQlnTNWH0SKmqagx9PeW87UVqapSurtAXifmtdmw==
ccount@^2.0.0:
version "2.0.1"