🧹 [Extract helpers in ContributionGraph to simplify component]

[is0692vs]

This PR refactors src/components/ContributionGraph.tsx to improve its maintainability and readability by:

• Extracting getIntensityColor out of the main component scope and adding maxCount as a parameter.
• Moving the SVG layout logic for month labels (SvgMonthLabels) and day labels (SvgDayLabels) into standalone functional components.

These changes make ContributionGraph simpler and strictly follow the previous functionality without any regression. Checked by unit tests and code review.

---

PR created automatically by Jules for task 6512608085456233748 started by @is0692vs

Greptile Summary

このPRは ContributionGraph.tsx のリファクタリングで、getIntensityColor をモジュールレベルに移動し、SvgMonthLabels / SvgDayLabels をスタンドアロンコンポーネントとして分離しています。ロジックの変更は一切なく、SVG名前空間の継承もReactのFragment経由で正しく機能します。

Confidence Score: 5/5

純粋なリファクタリングであり、ロジックの変更はなく安全にマージ可能です。

抽出されたすべてのヘルパーは既存のロジックと完全に等価。maxCount パラメータ化、SVG Fragment の名前空間継承、いずれも正確に実装されており、P1以上の問題は存在しない。

特にありません。

Important Files Changed

Filename	Overview
src/components/ContributionGraph.tsx	ヘルパー関数・コンポーネントの抽出のみで、ロジック変更なし。機能的に等価でありリファクタリングは正確。

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[ContributionGraph] --> B[processCalendarData]
    A --> C[getIntensityColor\n★モジュールレベルへ移動]
    A --> D[SvgMonthLabels\n★新規抽出コンポーネント]
    A --> E[SvgDayLabels\n★新規抽出コンポーネント]
    A --> F[HeatmapLegend]

    B --> G["{ weeks, monthLabels, maxCount }"]
    G --> D
    G --> C
    G --> H[rect セル描画]

    style C fill:#d4edda,stroke:#28a745
    style D fill:#d4edda,stroke:#28a745
    style E fill:#d4edda,stroke:#28a745

Loading

_{Reviews (1): Last reviewed commit: "🧹 Extract helpers in ContributionGraph ..." | Re-trigger Greptile}

[google-labs-jules]

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
github-user-summary	Ready	Preview, Comment	Apr 17, 2026 8:43am

[coderabbitai]

Warning

Rate limit exceeded

@is0692vs has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 20 minutes and 21 seconds before requesting another review.

Your organization is not enrolled in usage-based pricing. Contact your admin to enable usage-based pricing to continue reviews beyond the rate limit, or try again in 20 minutes and 21 seconds.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: ba554dff-bb41-4fc7-9a2e-e1551a6f589d

📥 Commits

Reviewing files that changed from the base of the PR and between 3be157d and 27b86f6.

📒 Files selected for processing (1)

• src/components/ContributionGraph.tsx

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch jules-6512608085456233748-e7324bfd

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!

[gemini-code-assist]

Code Review

This pull request refactors the ContributionGraph component by extracting SvgMonthLabels and SvgDayLabels into separate functional components and moving the getIntensityColor logic to the top level. A performance improvement was suggested to move the static color mapping object outside of the getIntensityColor function to prevent unnecessary object recreation during the rendering of the contribution grid.