Skip to content

refactor: 💡 reconcile SVG assets (Flags, Icons, Logos and Payments)#834

Merged
punkbit merged 73 commits intomainfrom
refactor/reconcile-svg-assets
Feb 18, 2026
Merged

refactor: 💡 reconcile SVG assets (Flags, Icons, Logos and Payments)#834
punkbit merged 73 commits intomainfrom
refactor/reconcile-svg-assets

Conversation

@punkbit
Copy link
Collaborator

@punkbit punkbit commented Feb 17, 2026

Why?

Reconciles SVG asset management for Flags, Icons, and Logos by restructuring file locations for React SVG components to match the conventions established in the original SVG-to-React conversion (#828).

It also modifies the original SVG to React Component process to support all three asset types: Flags, Icons, Logos and Payments. Included some safeguards, to try to help enforce naming conventions to facilitate. This bit might require further attempts, as it relies on the same retroactive~mapping to old names encountered or established in the Logo conversation version.

For now, this second iterative pass creates a consistent asset management flow across all three asset types.

⚠️ WARNING: Depends on #828 which should be merged first
🤖 Change base to main once #828 is merged

How?

  • Migrate existing Icons and Flags to auto-generated pattern
  • Put all assets under src/components/Assets/
  • Attempt to provide a base to support Light/Dark themes (initially defaulting to single variant)
  • Add kebab-case with retroactive mapping for existing names (attemptively)
  • Update documentation

Tickets?

Preview?

### Convert Icons

demo-convert-icons.mov

Convert Flags

demo-convert-flags.mov

Convert Logos

demo-convert-logos.mov

Convert Payments

demo-convert-payment.mov

Flags

Screenshot 2026-02-17 at 12 58 52

Logo

Screenshot 2026-02-17 at 12 59 11

Icons

Screenshot 2026-02-17 at 12 59 52

@punkbit punkbit marked this pull request as ready for review February 17, 2026 14:29
@punkbit punkbit changed the title refactor: 💡 reconcile SVG assets (Flags, Icons and Logos) refactor: 💡 reconcile SVG assets (Flags, Icons, Logos and Payments) Feb 17, 2026
@gjones
Copy link
Collaborator

gjones commented Feb 18, 2026

Overall, looks good to me and seems to work as expected. Thanks!

Base automatically changed from chore/svg-to-react-component-converter to main February 18, 2026 15:24
Properly merged main while preserving all enhancements from the
refactor/reconcile-svg-assets branch:

- Kept all 4 convert scripts in package.json (logo, icon, flag, payment)
- Preserved multi-asset type support in SVG converter
- Maintained Assets/ directory structure for all asset types
- All 328 tests passing
@punkbit punkbit force-pushed the refactor/reconcile-svg-assets branch from eabba51 to 667a6ea Compare February 18, 2026 16:12
@punkbit punkbit merged commit a822a3f into main Feb 18, 2026
7 checks passed
@punkbit punkbit deleted the refactor/reconcile-svg-assets branch February 18, 2026 16:27
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