fix(landing): hero stripe icon

[emir-karabeg]

Summary

Fixed the empty Stripe icon on landing.

Type of Change

• Bug fix

Testing

Previous obvious brah.

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

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

1 Skipped Deployment

Project	Deployment	Preview	Comments	Updated (UTC)
docs	Skipped			Nov 14, 2025 9:53am

[greptile-apps]

Greptile Overview

Greptile Summary

Fixed the empty Stripe icon on the landing page hero section by converting the StripeIcon SVG from hardcoded white fills to currentColor, and adding the Stripe brand color (#635BFF) to the icon configuration in hero.tsx.

The fix follows the same pattern used by Linear and Discord icons, which also have custom brand colors. The implementation is straightforward and correct:

• All SVG path elements now use fill='currentColor' instead of fill='white'
• The style object with Stripe's brand color is applied in the serviceIcons array
• This allows the icon to be properly colored via CSS, matching the established pattern for other branded icons

Confidence Score: 5/5

• This PR is safe to merge with no risk
• The changes are minimal, focused, and follow established patterns in the codebase. The fix correctly addresses the issue by converting hardcoded fills to currentColor and adding the brand color, matching the implementation used by Linear and Discord icons. No logic changes, no breaking changes, and the solution is elegant and maintainable.
• No files require special attention

Important Files Changed

File Analysis

Filename	Score	Overview
apps/sim/components/icons.tsx	5/5	Changed StripeIcon SVG fill from hardcoded 'white' to 'currentColor' to enable dynamic coloring
apps/sim/app/(landing)/components/hero/hero.tsx	5/5	Added Stripe brand color (#635BFF) to icon configuration to properly render the icon

Sequence Diagram

sequenceDiagram
    participant User
    participant Hero
    participant IconButton
    participant StripeIcon
    
    User->>Hero: Views landing page
    Hero->>Hero: Renders service icons
    Hero->>IconButton: Renders with style={{ color: '#635BFF' }}
    IconButton->>StripeIcon: Passes color via CSS
    StripeIcon->>StripeIcon: SVG uses fill='currentColor'
    StripeIcon-->>IconButton: Renders with #635BFF color
    IconButton-->>Hero: Displays colored Stripe icon
    Hero-->>User: Shows properly colored Stripe icon

Loading

[greptile-apps]

_{2 files reviewed, no comments}

_{Edit Code Review Agent Settings | Greptile}