From eff3e18497880822f4aa1cc77023119c4724d804 Mon Sep 17 00:00:00 2001
From: ehsan shariati <ehsan6sha@gmail.com>
Date: Mon, 31 Aug 2026 11:35:33 -0400
Subject: [PATCH] feat(web): link the domain guide from under the shareable
 link

The guide link was buried next to the copy buttons. Someone looking at their fxfiles.top link is exactly the person who wants their own address, so put a one-line tappable pointer right there instead. Dropped the now-duplicate 'How to set it up' button from the block below.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

Claude-Session: https://claude.ai/code/session_01G3971DnvQ8oVL3GAha4BRv
---
 .../screens/web_website_detail_screen.dart    | 49 ++++++++++++++++---
 1 file changed, 42 insertions(+), 7 deletions(-)

diff --git a/lib/web/screens/web_website_detail_screen.dart b/lib/web/screens/web_website_detail_screen.dart
index 6e0799a..84c822c 100644
--- a/lib/web/screens/web_website_detail_screen.dart
+++ b/lib/web/screens/web_website_detail_screen.dart
@@ -753,6 +753,8 @@ class _WebWebsiteDetailScreenState extends State<WebWebsiteDetailScreen> {
               ),
             ],
           ),
+          const SizedBox(height: 10),
+          _guideLink(theme),
           const SizedBox(height: 14),
           const Divider(height: 1),
           const SizedBox(height: 12),
@@ -762,6 +764,46 @@ class _WebWebsiteDetailScreenState extends State<WebWebsiteDetailScreen> {
     );
   }
 
+  /// One-line pointer to the step-by-step guide, sat directly under the
+  /// shareable link — that is where someone realises they would rather have
+  /// their own address than the fxfiles.top one.
+  Widget _guideLink(ThemeData theme) {
+    const url = 'https://files.fx.land/domain';
+    return InkWell(
+      onTap: () => launchUrl(Uri.parse(url), webOnlyWindowName: '_blank'),
+      borderRadius: BorderRadius.circular(6),
+      child: Padding(
+        padding: const EdgeInsets.symmetric(vertical: 3),
+        child: Row(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            const Icon(LucideIcons.globe, size: 13, color: AppColors.primary),
+            const SizedBox(width: 6),
+            Flexible(
+              child: Text.rich(
+                TextSpan(
+                  children: [
+                    const TextSpan(text: 'Want to use your own domain? '),
+                    TextSpan(
+                      text: 'Follow these instructions',
+                      style: TextStyle(
+                        color: AppColors.primary,
+                        fontWeight: FontWeight.w600,
+                        decoration: TextDecoration.underline,
+                        decorationColor: AppColors.primary,
+                      ),
+                    ),
+                  ],
+                ),
+                style: theme.textTheme.bodySmall,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
   /// The IPFS address of the live site, for people pointing their own domain at
   /// it (see `site/domain/` — https://files.fx.land/domain). The hash is
   /// per-version: it changes every time the site is regenerated, so we label it
@@ -810,13 +852,6 @@ class _WebWebsiteDetailScreenState extends State<WebWebsiteDetailScreen> {
                 label: const Text('Copy DNSLink value'),
                 onPressed: () => _copyValue('/ipfs/$cid', 'DNSLink value'),
               ),
-              TextButton.icon(
-                icon: const Icon(LucideIcons.externalLink, size: 14),
-                label: const Text('How to set it up'),
-                onPressed: () => launchUrl(
-                    Uri.parse('https://files.fx.land/domain'),
-                    webOnlyWindowName: '_blank'),
-              ),
             ],
           ),
         ],