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 ( 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>; publishReqStatus: RequestStatus; repoAddresses: RepoAddresses | undefined; } -export default function IntroductionStep({ +export default function ReleasePublished({ setStepper, publishReqStatus, repoAddresses, -}: IntroductionStepProps) { +}: ReleasePublishedProps) { return ( <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> )}