<.tabs id="scrobble-activity" class="mt-4"> <.tabs_list active_tab={@scrobble_activity_mode} variant="segmented" class="w-48"> <:tab name="albums" phx-click={JS.push("set_scrobble_activity_mode", value: %{mode: "albums"})} > {gettext("Albums")} <:tab name="tracks" phx-click={JS.push("set_scrobble_activity_mode", value: %{mode: "tracks"})} > {gettext("Tracks")} <.tabs_panel name="albums" active={@scrobble_activity_mode == "albums"}>

• 

  {album.artist.name}

  <.link :if={artist_id(album, artist_id)} class="font-semibold text-sm block text-zinc-700 hover:text-zinc-500 dark:text-zinc-400 dark:hover:text-zinc-300" navigate={~p"/artists/#{artist_id(album, artist_id)}"} > {album.artist.name}

  {album.metadata.title}

  {album.scrobbled_at_label} <.album_metadata_tooltip album={album} />

  <.record_status_badges musicbrainz_id={album.metadata.musicbrainz_id} collected_record_id={collected_record_id} wishlisted_record_id={wishlisted_record_id} /> <.import_format_dropdown :if={ album.metadata.musicbrainz_id !== "" and !collected_record_id and !wishlisted_record_id } id={"actions-#{album.scrobbled_at_uts}-albums"} musicbrainz_id={album.metadata.musicbrainz_id} />

<.tabs_panel name="tracks" active={@scrobble_activity_mode == "tracks"}>

• 

  {track.artist.name}

  <.link :if={artist_id(track, artist_id)} class="font-semibold text-sm block text-zinc-700 hover:text-zinc-500 dark:text-zinc-400 dark:hover:text-zinc-300" navigate={~p"/artists/#{artist_id(track, artist_id)}"} > {track.artist.name}

  {track.title}

  {track.album.title}

  {track.scrobbled_at_label} <.track_metadata_tooltip track={track} />

  <.record_status_badges musicbrainz_id={track.album.musicbrainz_id} collected_record_id={collected_record_id} wishlisted_record_id={wishlisted_record_id} /> <.import_format_dropdown :if={ track.album.musicbrainz_id !== "" and !collected_record_id and !wishlisted_record_id } id={"actions-#{track.scrobbled_at_uts}-tracks"} musicbrainz_id={track.album.musicbrainz_id} />