Skip to content

Conversation

@yawn-c111
Copy link
Collaborator

@yawn-c111 yawn-c111 commented Nov 28, 2025

概要

先に #255 をレビュー・マージをお願いします。

イシュー #218 の実装です。

変更内容

新規コンポーネント

  • GraphWrapper: タイトルと期間選択のコンポーネントを持つラッパーコンポーネント
    • タイトルを左側に表示
    • 期間選択ドロップダウンを右側に表示(オプションで非表示可)

追加ファイル

  • app/components/graph/GraphWrapper.tsx: GraphWrapperコンポーネント本体
  • app/components/graph/periodConstants.ts: 期間選択のオプション定義

スタイル変更

  • app/app.css: Mantine Selectのホバー/アクティブ/選択状態のスタイルを追加

デモ更新

  • app/routes/test2.tsx: GraphWrapperを使用したデモに更新

実装結果

image

Closes

Closes #218

…nd update GraphContainer to use children for flexibility
…ponents and update GraphStatusFilter to remove unused prop
…le breakpoint handling and adjusting layouts in GraphContainer, GraphSizeLegend, and GraphStatusFilter
…and period selection, including responsive design and period options
…ons in app.css; remove redundant background color style from GraphWrapper component
…rightSection from GraphWrapper component and clean up periodConstants file
… new rightSection icon and improved leftSection styling; adjust padding for better layout consistency
@vercel
Copy link

vercel bot commented Nov 28, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
birdxplorer-viewer Ready Ready Preview Comment Nov 28, 2025 5:00am

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.

グラフのWrapperの作成

2 participants