From 30db4389fc3acee5269d5277a54cbcc1f49ba5f1 Mon Sep 17 00:00:00 2001
From: 3alpha <15694175+3alpha@users.noreply.github.com>
Date: Mon, 5 Oct 2026 19:13:27 +0200
Subject: [PATCH] fix: link transaction hash directly and clarify queued copy

Make the transaction hash itself the Etherscan link instead of a separate
"here" link, and reword the release queued message so it does not imply a
scheduled processing order. Also fix the component name/props to match the
file and replace toLocaleLowerCase with toLowerCase for repo addresses.
---
 src/components/Link.tsx                       |  7 +++-
 .../publishing/steps/ReleasePublished.tsx     | 38 +++++++++----------
 2 files changed, 23 insertions(+), 22 deletions(-)

diff --git a/src/components/Link.tsx b/src/components/Link.tsx
index eddd20b..6053b24 100644
--- a/src/components/Link.tsx
+++ b/src/components/Link.tsx
@@ -4,12 +4,15 @@ import { newTabProps } from "utils/newTabProps";
 interface linkProps {
   href: string;
   children: React.ReactNode;
+  className?: string;
 }
 
-export default function Link({ href, children }: linkProps) {
+export default function Link({ href, children, className }: linkProps) {
   return (
     <a
-      className="font-modeG text-sm text-text-purple hover:text-text-purple"
+      className={`font-modeG text-sm text-text-purple hover:text-text-purple ${
+        className ?? ""
+      }`}
       href={href}
       {...newTabProps}
     >
diff --git a/src/pages/publishing/steps/ReleasePublished.tsx b/src/pages/publishing/steps/ReleasePublished.tsx
index 4eaa2c1..3be1514 100644
--- a/src/pages/publishing/steps/ReleasePublished.tsx
+++ b/src/pages/publishing/steps/ReleasePublished.tsx
@@ -5,48 +5,46 @@ import Button from "components/Button";
 import Title from "components/Title";
 import Link from "components/Link";
 
-interface IntroductionStepProps {
+interface ReleasePublishedProps {
   setStepper: React.Dispatch<React.SetStateAction<number>>;
   publishReqStatus: RequestStatus<string>;
   repoAddresses: RepoAddresses | undefined;
 }
 
-export default function IntroductionStep({
+export default function ReleasePublished({
   setStepper,
   publishReqStatus,
   repoAddresses,
-}: IntroductionStepProps) {
+}: ReleasePublishedProps) {
   return (
     <BaseCard>
       <Title title={"Release queued"} />
       <p>
-        Your transaction has been successfully queued! It will be processed
-        sooner or later based on the gas fee you provided.
+        Your transaction has been queued successfully. It will be included in a
+        block as soon as the gas fee you set becomes competitive, so it may take
+        a while.
       </p>
       {publishReqStatus.result && (
-        <div>
-          <span className="text-text-purple">Transaction hash: </span>
-          <span className="font-poppins font-medium">
+        <p>
+          Transaction hash:{" "}
+          <Link
+            href={`https://etherscan.io/tx/${publishReqStatus.result}`}
+            className="break-all font-medium"
+          >
             {publishReqStatus.result}
-          </span>
-        </div>
+          </Link>
+        </p>
       )}
-      <p>
-        To check the transaction status and details navigate{" "}
-        <Link href={`https://etherscan.io/tx/${publishReqStatus.result}`}>
-          here.
-        </Link>
-      </p>
 
       {repoAddresses?.registryAddress && (
         <p>
-          {" "}
-          To check the hash content in dappnode explorer navigate{" "}
+          You can also browse the published hash in the{" "}
           <Link
-            href={`https://dappnode.github.io/explorer/#/repo/${repoAddresses.repoAddress?.toLocaleLowerCase()}`}
+            href={`https://dappnode.github.io/explorer/#/repo/${repoAddresses.repoAddress?.toLowerCase()}`}
           >
-            here
+            DAppNode Explorer
           </Link>
+          .
         </p>
       )}