From 9c0c37151e123a5c442528d4a2709069ce067d2f Mon Sep 17 00:00:00 2001
From: Russell Dempsey <1173416+SgtPooki@users.noreply.github.com>
Date: Thu, 6 Nov 2025 11:10:07 -0500
Subject: [PATCH 1/2] fix: display tx prefix while showing transaction

---
 src/components/ui/text-with-copy-to-clipboard.tsx | 4 +++-
 src/components/upload/progress-card.tsx           | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/text-with-copy-to-clipboard.tsx b/src/components/ui/text-with-copy-to-clipboard.tsx
index 0f470e1..54cee1b 100644
--- a/src/components/ui/text-with-copy-to-clipboard.tsx
+++ b/src/components/ui/text-with-copy-to-clipboard.tsx
@@ -4,10 +4,11 @@ import { TextLink } from './link.tsx'
 
 type TextWithCopyToClipboardProps = {
   text: string
+  prefix?: string
   href?: string
 }
 
-function TextWithCopyToClipboard({ text, href }: TextWithCopyToClipboardProps) {
+function TextWithCopyToClipboard({ text, prefix, href }: TextWithCopyToClipboardProps) {
   const handleCopyToClipboard = async () => {
     try {
       await navigator.clipboard.writeText(text)
@@ -20,6 +21,7 @@ function TextWithCopyToClipboard({ text, href }: TextWithCopyToClipboardProps) {
 
   return (
     <span className="flex items-center gap-2">
+      {prefix && <span className="text-zinc-400">{prefix}</span>}
       {href ? <TextLink href={href}>{text}</TextLink> : <span className="text-zinc-400">{text}</span>}
       <button
         className="cursor-pointer text-zinc-400 p-2 -m-2 hover:text-white"
diff --git a/src/components/upload/progress-card.tsx b/src/components/upload/progress-card.tsx
index 9d0b94d..c720f7f 100644
--- a/src/components/upload/progress-card.tsx
+++ b/src/components/upload/progress-card.tsx
@@ -26,6 +26,7 @@ function ProgressCard({ stepState, transactionHash }: ProgressCardProps) {
       {stepState.step === 'finalizing-transaction' && transactionHash && (
         <Card.Content>
           <TextWithCopyToClipboard
+            prefix="tx:"
             href={`https://filecoin-testnet.blockscout.com/tx/${transactionHash}`}
             text={transactionHash}
           />

From 1d0c7d872f12c4612be75e4b3484199622acc46a Mon Sep 17 00:00:00 2001
From: Russell Dempsey <1173416+SgtPooki@users.noreply.github.com>
Date: Thu, 6 Nov 2025 11:11:47 -0500
Subject: [PATCH 2/2] chore: fix lint

---
 src/components/upload/progress-card.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/upload/progress-card.tsx b/src/components/upload/progress-card.tsx
index c720f7f..22a7ecf 100644
--- a/src/components/upload/progress-card.tsx
+++ b/src/components/upload/progress-card.tsx
@@ -26,8 +26,8 @@ function ProgressCard({ stepState, transactionHash }: ProgressCardProps) {
       {stepState.step === 'finalizing-transaction' && transactionHash && (
         <Card.Content>
           <TextWithCopyToClipboard
-            prefix="tx:"
             href={`https://filecoin-testnet.blockscout.com/tx/${transactionHash}`}
+            prefix="tx:"
             text={transactionHash}
           />
         </Card.Content>