fix: Replace dApp connection list item with static UI component

[originalix]

Summary by CodeRabbit

• 新功能

  • 新增组件 StaticDAppConnectionInfoAloneItem，用于展示网络和账户信息。
  • 在多个页面中替换了旧的账户列表组件，简化了 DApp 连接信息的展示。

• 错误修复

  • 更新了错误处理逻辑，以增强支付请求和确认过程中的错误报告机制。

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[coderabbitai]

总览

代码变更概述

这组代码变更主要集中在几个文件中，涉及 DApp 连接和 Lightning Network 相关的组件重构。核心变化是引入了一个新的 StaticDAppConnectionInfoAloneItem 组件，并在多个模态框和组件中替换了原有的账户列表项组件。

详细变更

代码变更

文件路径	变更摘要
packages/kit/src/views/DAppConnection/components/DAppAccountList/DAppAccountListItem.tsx	新增 StaticDAppConnectionInfoAloneItem 组件，移除 DAppAccountListStandAloneItemForHomeScene 方法
packages/kit/src/views/DAppConnection/pages/SignMessageModal.tsx	移除 WalletAccountListItem，引入 StaticDAppConnectionInfoAloneItem，简化数据获取逻辑
packages/kit/src/views/LightningNetwork/pages/Send/LnurlAuthModal.tsx	替换账户列表组件为 StaticDAppConnectionInfoAloneItem
packages/kit/src/views/LightningNetwork/pages/Send/LnurlPayRequestModal.tsx	更新错误处理，引入新的连接信息组件
packages/kit/src/views/LightningNetwork/pages/Send/LnurlWithdrawModal.tsx	替换账户列表组件为 StaticDAppConnectionInfoAloneItem

关键变更

1. 引入 StaticDAppConnectionInfoAloneItem 组件，用于统一展示 DApp 连接信息
2. 简化多个模态框中的账户和网络信息展示逻辑
3. 优化错误处理机制，特别是在 Lightning Network 相关模态框中

总结

这次代码变更主要聚焦于组件重构和信息展示的标准化，通过引入新的 StaticDAppConnectionInfoAloneItem 组件，简化了多个模块中的账户和网络信息展示逻辑。变更提高了代码的一致性和可读性，同时保持了原有功能的完整性。

---

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Generate unit testing code for this file.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
  • @coderabbitai generate unit testing code for this file.
  • @coderabbitai modularize this function.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read src/utils.ts and generate unit testing code.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
  • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai full review to do a full review from scratch and review all the files again.
• @coderabbitai summary to regenerate the summary of the PR.
• @coderabbitai generate docstrings to generate docstrings for this PR. (Beta)
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
• @coderabbitai help to get help.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary or Summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.

[coderabbitai]

Actionable comments posted: 2

📜 Review details

Configuration used: CodeRabbit UI
Review profile: ASSERTIVE
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 2bfc8fa and f446a3f.

📒 Files selected for processing (5)

• packages/kit/src/views/DAppConnection/components/DAppAccountList/DAppAccountListItem.tsx (2 hunks)
• packages/kit/src/views/DAppConnection/pages/SignMessageModal.tsx (4 hunks)
• packages/kit/src/views/LightningNetwork/pages/Send/LnurlAuthModal.tsx (2 hunks)
• packages/kit/src/views/LightningNetwork/pages/Send/LnurlPayRequestModal.tsx (2 hunks)
• packages/kit/src/views/LightningNetwork/pages/Send/LnurlWithdrawModal.tsx (2 hunks)

🔇 Additional comments (15)

packages/kit/src/views/LightningNetwork/pages/Send/LnurlWithdrawModal.tsx (2)

20-20: 导入新组件无冲突。
简洁清晰。无额外依赖。

---

162-165: 使用静态组件展示信息。
结构简单，可读性好。提高一致性。

packages/kit/src/views/DAppConnection/pages/SignMessageModal.tsx (4)

6-6: 导入简化。
无需额外修改。继续保持。

---

28-28: 引入静态组件取代旧组件。
减少重复逻辑，更易维护。

---

41-41: 参数精简。
移除了不必要的属性，逻辑更清晰。

---

210-213: 使用静态组件呈现账户信息。
呈现更统一，减少依赖。

packages/kit/src/views/LightningNetwork/pages/Send/LnurlAuthModal.tsx (2)

21-21: 成功导入新的静态组件。
减少依赖，保持风格统一。

---

236-239: 统一本地账户展示方式。
使用新组件，逻辑明显更简单。

packages/kit/src/views/LightningNetwork/pages/Send/LnurlPayRequestModal.tsx (2)

24-24: 模块导入无冲突。
适配简洁，符合当前需求。

---

218-221: 使用静态组件统一展示DApp连接信息。
减少重复代码，更直观。

packages/kit/src/views/DAppConnection/components/DAppAccountList/DAppAccountListItem.tsx (5)

18-23: 导入新组件：使用分层清晰，逻辑明确
这些引入让两种组件更易区分，代码可读性提升。

---

31-31: 类型导入无冲突
IDBIndexedAccount 类型正常使用，无多余依赖。

---

35-35: 实用函数引入
accountUtils 提供账户处理功能，这里导入合理，便于后续调用。

---

346-352: 新组件：签名更好表达数据需求
新增 StaticDAppConnectionInfoAloneItem 参数简洁，分别是网络与账户 ID。名称直观，可读性强。

---

353-366: 数据获取逻辑：多请求并发
这里通过 Promise.all 并行请求网络、账户、钱包信息，效率较高，但需注意异常处理是否全面。

是否需要在其中对单个请求失败的场景做额外容错或回退处理？