OpenedAutoChannel.tsx raw

   1  import ExternalLink from "src/components/ExternalLink";
   2  import TwoColumnLayoutHeader from "src/components/TwoColumnLayoutHeader";
   3  import { LinkButton } from "src/components/ui/custom/link-button";
   4  
   5  export function OpenedAutoChannel() {
   6    return (
   7      <div className="flex flex-col justify-center gap-5 p-5 max-w-md items-stretch">
   8        <TwoColumnLayoutHeader
   9          title="Channel Opened"
  10          pageTitle="Channel Opened"
  11          description="Your new lightning channel is ready to use"
  12        />
  13  
  14        <p>
  15          Congratulations! Your lightning channel is active and can be used to
  16          send and receive payments.
  17        </p>
  18        <p>
  19          To ensure you can both send and receive, make sure to balance your{" "}
  20          <ExternalLink
  21            to="https://guides.getalby.com/user-guide/alby-hub/node"
  22            className="underline"
  23          >
  24            channel's liquidity
  25          </ExternalLink>
  26          .
  27        </p>
  28  
  29        <LinkButton to="/wallet" className="flex justify-center mt-8">
  30          Go To Your Wallet
  31        </LinkButton>
  32      </div>
  33    );
  34  }
  35