Skip to content

fix(logs): フィルターと件数をスクロール追従から除外#32

Merged
TinyKitten merged 1 commit intomainfrom
claude/fix-timeline-flicker-k9rBq
Mar 3, 2026
Merged

fix(logs): フィルターと件数をスクロール追従から除外#32
TinyKitten merged 1 commit intomainfrom
claude/fix-timeline-flicker-k9rBq

Conversation

@TinyKitten
Copy link
Copy Markdown
Member

@TinyKitten TinyKitten commented Mar 3, 2026

Summary

  • ログ画面のフィルターアコーディオンと件数表示を stickyHeader から FlatList の ListHeaderComponent に移動
  • タイトル・接続状態・検索ボックスのみが固定表示され、フィルターと件数はリストと一緒にスクロールするように変更

Test plan

  • ログ画面でスクロールし、フィルターと件数がリストと一緒に流れることを確認
  • タイトルと検索ボックスが固定表示のままであることを確認
  • フィルター操作(タイプ・レベル・デバイス)が正常に動作することを確認
  • Web / iOS / Android で表示を確認

https://claude.ai/code/session_01MPkqpw4PNwHcRH6Gb74HD9

Summary by CodeRabbit

リリースノート

  • スタイル
    • ログ画面のレイアウトを改善しました。フィルター機能とログ数表示を統一されたヘッダー領域に統合し、より整理された表示になりました。スクロール時にヘッダーが固定されるようになり、ユーザビリティが向上しました。

フィルターアコーディオンと件数表示をstickyHeaderからFlatListの
ListHeaderComponentに移動。タイトルと検索ボックスのみがスクロール
追従で固定表示され、フィルターと件数はリストと一緒にスクロールする。

https://claude.ai/code/session_01MPkqpw4PNwHcRH6Gb74HD9
@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Mar 3, 2026

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 2db9346 and 0a476da.

📒 Files selected for processing (1)
  • app/(tabs)/logs.tsx

📝 Walkthrough

ウォークスルー

app/(tabs)/logs.txs内でフィルター制御をAccordionUIから FlatListのListHeaderComponentに統合するレイアウト再構成。ヘッダー、検索、フィルター、カウント情報をListHeaderComponentで一元管理し、固定ヘッダーとスクロール可能なリスト構造に変更。

変更内容

コホート / ファイル(s) 概要
ログ画面のレイアウト再構成
app/(tabs)/logs.tsx
フィルターAccordionUIをFlatListのListHeaderComponentに統合。ヘッダー、検索、フィルター、カウント情報を ListHeaderComponentでラップ。ListHeaderContentの paddingBottom調整により スペーシング最適化。前のスタンドアロンセクション構造を削除し、FlatListベースのレンダリングに統一。 maintainVisibleContentPosition対応を追加。

推定レビュー難度

🎯 2 (Simple) | ⏱️ ~12 分

関連する可能性のあるPR

ウサギの詩

🐰 フィルターたちが引っ越しして
ListHeaderの中で仲良く並ぶ
固定ヘッダーよ、揺らぐなよ
スクロール流れる、リスト優雅に
レイアウト整い、画面はすっきり ✨

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed プルリクエストのタイトルは、フィルターと件数をスクロール追従から除外するというコア変更を直接的かつ明確に説明しており、変更セットの主要な目的と完全に関連しています。
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
  • 📝 Generate docstrings (stacked PR)
  • 📝 Generate docstrings (commit on current branch)
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch claude/fix-timeline-flicker-k9rBq

Comment @coderabbitai help to get the list of available commands and usage tips.

@TinyKitten TinyKitten self-assigned this Mar 3, 2026
@TinyKitten TinyKitten merged commit 7e6ab6c into main Mar 3, 2026
1 check passed
@TinyKitten TinyKitten deleted the claude/fix-timeline-flicker-k9rBq branch March 3, 2026 02:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants