Skip to content

feat(web): one copy button, named for what it is used for #120

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
ehsan6sha merged 1 commit into from
Aug 31, 2026
Merged

feat(web): one copy button, named for what it is used for #120

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
23 changes: 8 additions & 15 deletions lib/web/screens/web_website_detail_screen.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -838,21 +838,14 @@ class _WebWebsiteDetailScreenState extends State<WebWebsiteDetailScreen> {
style: const TextStyle(fontFamily: 'monospace', fontSize: 12),
),
const SizedBox(height: 8),
Wrap(
spacing: 8,
runSpacing: 8,
children: [
OutlinedButton.icon(
icon: const Icon(LucideIcons.copy, size: 14),
label: const Text('Copy IPFS hash'),
onPressed: () => _copyValue(cid, 'IPFS hash'),
),
OutlinedButton.icon(
icon: const Icon(LucideIcons.copy, size: 14),
label: const Text('Copy DNSLink value'),
onPressed: () => _copyValue('/ipfs/$cid', 'DNSLink value'),
),
],
// Only the `/ipfs/<cid>` form is copyable: that is the string
// Cloudflare's DNSLink field wants. The bare hash above is shown
// for reference, not for pasting anywhere.
OutlinedButton.icon(
icon: const Icon(LucideIcons.copy, size: 14),
label: const Text('Copy link value for Cloudflare'),
onPressed: () =>
_copyValue('/ipfs/$cid', 'Cloudflare link value'),
),
],
],
Expand Down
7 changes: 4 additions & 3 deletions site/domain/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -205,12 +205,13 @@ <h1>Use <span class="gradient-text">your own domain</span></h1>
<h2><span class="num">1</span>Copy your website address</h2>
<p>
Open your website in FxFiles on the web, and find the <b>Use your own domain</b> box under
the shareable link. Tap <b>Copy DNSLink value</b> — that copies a line that looks like this:
the shareable link. Tap <b>Copy link value for Cloudflare</b> — that copies a line that
looks like this:
</p>
<p><code>/ipfs/bafybeiejegeowlh5warqnrjjmhbkf7hdjaiuhnpqajbktx6ta77urqmljy</code></p>

<figure>
<img src="img/fx-copy-hash.jpg" alt="The FxFiles website screen. A 'Shareable link' box shows a fxfiles.top link with Copy and Open buttons. Below it, a 'Use your own domain' box shows the site's IPFS address in monospace with three buttons: Copy IPFS hash, Copy DNSLink value, and How to set it up." loading="lazy">
<img src="img/fx-copy-hash.jpg" alt="The FxFiles website screen. A 'Shareable link' box shows a fxfiles.top link with Copy and Open buttons, and a line reading 'Want to use your own domain? Follow these instructions'. Below it, a 'Use your own domain' box shows the site's IPFS address in monospace with a 'Copy link value for Cloudflare' button." loading="lazy">
<figcaption>The <b>Use your own domain</b> box, just below your shareable link.</figcaption>
</figure>

Expand Down Expand Up @@ -472,7 +473,7 @@ <h2><span class="num">4</span>When you change your website</h2>
thirty seconds:
</p>
<ol>
<li>In FxFiles, press <b>Copy DNSLink value</b> again.</li>
<li>In FxFiles, press <b>Copy link value for Cloudflare</b> again.</li>
<li>In Cloudflare, go to <b>Web3</b> and press <b>Edit</b> on your gateway.</li>
<li>Replace the <b>DNSLink</b> field with the new value and press <b>Reapply</b>.</li>
</ol>
Expand Down
Loading