feat(core): add reload button to audio block (#12451)

Related to: [BS-3143](https://linear.app/affine-design/issue/BS-3143/更新-loading-和错误样式)

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit

- **New Features**
  - Added a reload button with an icon for audio blocks, allowing users to retry loading audio files if an error occurs.
  - Error messages are now displayed with actionable options when audio loading fails.

- **Enhancements**
  - Audio file sizes are now shown in a human-readable format within the audio player.
  - Improved display of audio file information, including error messages and formatted descriptions.

- **Style**
  - Updated styling for audio player and audio block components, including new styles for error states and reload button.
  - Renamed and refined audio player description styling for better layout and spacing.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
fundon
2025-05-23 06:04:07 +00:00
parent 3d9b13c53c
commit e2e00688a9
7 changed files with 72 additions and 24 deletions
@@ -130,7 +130,6 @@ export const SidebarAudioPlayer = () => {
<MiniAudioPlayer
playbackState={playbackState.state}
name={playbackStats.name}
size={playbackStats.size}
duration={playbackStats.duration}
seekTime={seekTime}
onPlay={handlePlay}