Neighbourhood.omg.lol/Components/StatusCard.razor

<article class="status">
  <div class="row">
    <div class="emoji" data-emoji="@status.EmojiOrDefault">@status.EmojiOrDefault</div>
    <div class="max">
      <a class="author" href="/person/@status.Address">
        <i class="fa-solid fa-fw fa-at"></i>@status.Address
      </a>
      @status.HtmlContent
      <nav class="no-margin">
        <a class="chip transparent-border">
          <i class="fa fa-clock"></i> @status.RelativeTime
        </a>
        <a class="chip transparent-border" href="@status.ExternalUrl" target="_blank">
          <i class="fa fa-message-dots"></i> Respond
        </a>
        <div class="max"></div>
        <button class="transparent circle" @onclick="ShareClick">
          <i class="fa-solid fa-share-nodes"></i>
        </button>
      </nav>
    </div>
  </div>
</article>

@code {
  [Parameter]
  public Status status { get; set; }

  public async Task ShareClick(EventArgs e){
    await Share.Default.RequestAsync(new ShareTextRequest{
      Text = $"{status.Content}\n- from [@{status.Address}]({status.Url})",
      Title = "I saw this on status.lol",
      Subject = "I saw this on status.lol"
    });
  }
}