PodcastingInfo.tsx raw

   1  import { FormattedBitcoinAmount } from "src/components/FormattedBitcoinAmount";
   2  import { Boostagram } from "src/types";
   3  
   4  function PodcastingInfo({ boost }: { boost: Boostagram }) {
   5    return (
   6      <>
   7        {boost.message && (
   8          <div className="mt-6">
   9            <p>Message</p>
  10            <p className="text-muted-foreground break-all">{boost.message}</p>
  11          </div>
  12        )}
  13        {boost.podcast && (
  14          <div className="mt-6">
  15            <p>Podcast</p>
  16            <p className="text-muted-foreground break-all">{boost.podcast}</p>
  17          </div>
  18        )}
  19        {boost.episode && (
  20          <div className="mt-6">
  21            <p>Episode</p>
  22            <p className="text-muted-foreground break-all">{boost.episode}</p>
  23          </div>
  24        )}
  25        {boost.action && (
  26          <div className="mt-6">
  27            <p>Action</p>
  28            <p className="text-muted-foreground break-all">{boost.action}</p>
  29          </div>
  30        )}
  31        {boost.ts && (
  32          <div className="mt-6">
  33            <p>Timestamp</p>
  34            <p className="text-muted-foreground break-all">{boost.ts}</p>
  35          </div>
  36        )}
  37        {boost.valueMsatTotal && (
  38          <div className="mt-6">
  39            <p>Total amount</p>
  40            <p className="text-muted-foreground break-all sensitive">
  41              <FormattedBitcoinAmount amountMsat={boost.valueMsatTotal} />
  42            </p>
  43          </div>
  44        )}
  45        {boost.senderName && (
  46          <div className="mt-6">
  47            <p>Sender</p>
  48            <p className="text-muted-foreground break-all">{boost.senderName}</p>
  49          </div>
  50        )}
  51        {boost.appName && (
  52          <div className="mt-6">
  53            <p>App</p>
  54            <p className="text-muted-foreground break-all">{boost.appName}</p>
  55          </div>
  56        )}
  57      </>
  58    );
  59  }
  60  
  61  export default PodcastingInfo;
  62