Skip to content

Commit 348aeef

Browse files
nadeemb53nadeemb53
committed
added copycell react components, changed official links list to a table
1 parent 8c3c7e6 commit 348aeef

File tree

4 files changed

+98
-26
lines changed

4 files changed

+98
-26
lines changed

‎docs/general-info/network-details.md‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ keywords: [Status Network, network details, RPC endpoint, Chain ID, testnet conf
66
---
77

88
import AddToMetaMask from '@site/src/components/AddToMetaMask';
9+
import CopyCell from '@site/src/components/CopyCell';
910

1011
# Network Details
1112

@@ -14,12 +15,12 @@ import AddToMetaMask from '@site/src/components/AddToMetaMask';
1415
| Name | Value |
1516
|---------------------|-------------------------------------------|
1617
| **Network Name** | Status Network Testnet |
17-
| **RPC Endpoint** | https://public.sepolia.rpc.status.network |
18-
| **Chain ID** | 1660990954 |
19-
| **Chain ID (Hex)** | 0x6300b5ea |
18+
| **RPC Endpoint** | https://public.sepolia.rpc.status.network <CopyCell text="https://public.sepolia.rpc.status.network" ariaLabel="Copy RPC endpoint" /> |
19+
| **Chain ID** | 1660990954 <CopyCell text="1660990954" ariaLabel="Copy Chain ID" /> |
20+
| **Chain ID (Hex)** | 0x6300b5ea <CopyCell text="0x6300b5ea" ariaLabel="Copy Hex Chain ID" /> |
2021
| **Currency Symbol** | ETH |
21-
| **Block Explorer** | https://sepoliascan.status.network |
22-
| **Bridge** | https://bridge.status.network |
22+
| **Block Explorer** | https://sepoliascan.status.network <CopyCell text="https://sepoliascan.status.network" ariaLabel="Copy block explorer URL" /> |
23+
| **Bridge** | https://bridge.status.network <CopyCell text="https://bridge.status.network" ariaLabel="Copy bridge URL" /> |
2324
| **WebSocket RPC** | Get in touch with us on [Telegram](https://t.me/statusl2) to get a websocket RPC |
2425

2526
<AddToMetaMask />

‎docs/other/official-links.md‎

Lines changed: 27 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -4,28 +4,43 @@ description: Complete directory of official Status Network resources, including
44
keywords: [Status Network links, official resources, network tools, development resources, community links, blockchain explorer, bridge, faucet]
55
---
66

7+
import CopyCell from '@site/src/components/CopyCell';
8+
79
# Official Links
810

911
This page contains all the official links for the Status Network ecosystem.
1012

1113
## Main Resources
12-
- **Website**: [status.network](https://status.network)
13-
- **Documentation**: [docs.status.network](https://docs.status.network)
14-
- **GitHub**: [github.com/status-im](https://github.com/status-im)
14+
15+
| Name | Link |
16+
|---|---|
17+
| Website | [status.network](https://status.network) |
18+
| Documentation | [docs.status.network](https://docs.status.network) |
19+
| GitHub | [github.com/status-im](https://github.com/status-im) |
20+
| Monorepo | [github.com/status-im/status-network-monorepo](https://github.com/status-im/status-network-monorepo) |
1521

1622
## Network Tools
17-
- **Bridge**: [bridge.status.network](https://bridge.status.network)
18-
- **Block Explorer**: [sepoliascan.status.network](https://sepoliascan.status.network)
19-
- **RPC Endpoint**: [public.sepolia.rpc.status.network](https://public.sepolia.rpc.status.network)
20-
- **WebSocket RPC**: Get in touch with us on [Telegram](https://t.me/statusl2) to get a websocket RPC
21-
- **Faucet**: [faucet.status.network](https://faucet.status.network)
23+
24+
| Name | Link |
25+
|---|---|
26+
| Bridge | [bridge.status.network](https://bridge.status.network) <CopyCell text="https://bridge.status.network" ariaLabel="Copy bridge URL" /> |
27+
| Block Explorer | [sepoliascan.status.network](https://sepoliascan.status.network) <CopyCell text="https://sepoliascan.status.network" ariaLabel="Copy block explorer URL" /> |
28+
| 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" /> |
29+
| WebSocket RPC | Get in touch with us on [Telegram](https://t.me/statusl2) to get a websocket RPC |
30+
| Faucet | [faucet.status.network](https://faucet.status.network) <CopyCell text="https://faucet.status.network" ariaLabel="Copy faucet URL" /> |
2231

2332
## Development Resources
24-
- **Token List Repository**: [github.com/status-im/status-network-token-list](https://github.com/status-im/status-network-token-list)
25-
- **Contract Verification**: [sepoliascan.status.network/verify-contract](https://sepoliascan.status.network/contract-verification)
33+
34+
| Name | Link |
35+
|---|---|
36+
| Token List Repository | [github.com/status-im/status-network-token-list](https://github.com/status-im/status-network-token-list) |
37+
| Contract Verification | [sepoliascan.status.network/contract-verification](https://sepoliascan.status.network/contract-verification) |
2638

2739
## Community & Support
28-
- **Telegram Community**: [t.me/statusl2](https://t.me/statusl2)
29-
- **X/twitter**: [x.com/statusL2](https://x.com/statusL2)
40+
41+
| Name | Link |
42+
|---|---|
43+
| Telegram Community | [t.me/statusl2](https://t.me/statusl2) |
44+
| X/twitter | [x.com/statusL2](https://x.com/statusL2) |
3045

3146
For detailed information about adding the network to your wallet, see our [Add Network guide](/general-info/add-status-network).

‎src/components/CopyCell.tsx‎

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
import React, { useState } from 'react';
2+
3+
type CopyCellProps = {
4+
text: string;
5+
ariaLabel?: string;
6+
};
7+
8+
export default function CopyCell({ text, ariaLabel }: CopyCellProps): JSX.Element {
9+
const [copied, setCopied] = useState(false);
10+
11+
const handleCopy = async () => {
12+
try {
13+
if (typeof navigator !== 'undefined' && navigator.clipboard && navigator.clipboard.writeText) {
14+
await navigator.clipboard.writeText(text);
15+
} else {
16+
const tempTextArea = document.createElement('textarea');
17+
tempTextArea.value = text;
18+
tempTextArea.setAttribute('readonly', '');
19+
tempTextArea.style.position = 'absolute';
20+
tempTextArea.style.left = '-9999px';
21+
document.body.appendChild(tempTextArea);
22+
tempTextArea.select();
23+
document.execCommand('copy');
24+
document.body.removeChild(tempTextArea);
25+
}
26+
setCopied(true);
27+
window.setTimeout(() => setCopied(false), 1500);
28+
} catch (err) {
29+
// Swallow errors to avoid noisy UX; console for debugging
30+
// eslint-disable-next-line no-console
31+
console.error('Copy failed', err);
32+
}
33+
};
34+
35+
return (
36+
<button
37+
type="button"
38+
className="button button--sm button--secondary"
39+
aria-label={ariaLabel || `Copy ${text}`}
40+
onClick={handleCopy}
41+
title={copied ? 'Copied!' : 'Copy to clipboard'}
42+
style={{ float: 'right', marginLeft: '8px' }}
43+
>
44+
<span aria-hidden="true" style={{ display: 'inline-flex', alignItems: 'center' }}>
45+
{copied ? (
46+
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
47+
<path d="M20 6L9 17L4 12" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
48+
</svg>
49+
) : (
50+
// Standard copy icon (overlapping squares)
51+
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
52+
<rect x="9" y="9" width="13" height="13" rx="2" ry="2" stroke="currentColor" strokeWidth="2" />
53+
<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" />
54+
</svg>
55+
)}
56+
</span>
57+
</button>
58+
);
59+
}
60+
61+

‎yarn.lock‎

Lines changed: 4 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4430,15 +4430,10 @@ caniuse-api@^3.0.0:
44304430
lodash.memoize "^4.1.2"
44314431
lodash.uniq "^4.5.0"
44324432

4433-
caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001646, caniuse-lite@^1.0.30001669:
4434-
version "1.0.30001669"
4435-
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001669.tgz#fda8f1d29a8bfdc42de0c170d7f34a9cf19ed7a3"
4436-
integrity sha512-DlWzFDJqstqtIVx1zeSpIMLjunf5SmwOw0N2Ck/QSQdS8PLS4+9HrLaYei4w8BIAL7IB/UEDu889d8vhCTPA0w==
4437-
4438-
caniuse-lite@^1.0.30001702, caniuse-lite@^1.0.30001716:
4439-
version "1.0.30001718"
4440-
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001718.tgz#dae13a9c80d517c30c6197515a96131c194d8f82"
4441-
integrity sha512-AflseV1ahcSunK53NfEs9gFWgOEmzr0f+kaMFA4xiLZlr9Hzt7HxcSpIFcnNCUkz6R6dWKa54rUz3HUmI3nVcw==
4433+
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:
4434+
version "1.0.30001743"
4435+
resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001743.tgz"
4436+
integrity sha512-e6Ojr7RV14Un7dz6ASD0aZDmQPT/A+eZU+nuTNfjqmRrmkmQlnTNWH0SKmqagx9PeW87UVqapSurtAXifmtdmw==
44424437

44434438
ccount@^2.0.0:
44444439
version "2.0.1"

0 commit comments

Comments
 (0)