Skip to content

feat: implement reusable Button component with variants and loading s…#491

Closed
Toromo7 wants to merge 2 commits intoArena1X:mainfrom
Toromo7:feat/button-styling-398
Closed

feat: implement reusable Button component with variants and loading s…#491
Toromo7 wants to merge 2 commits intoArena1X:mainfrom
Toromo7:feat/button-styling-398

Conversation

@Toromo7
Copy link
Copy Markdown
Contributor

@Toromo7 Toromo7 commented Mar 29, 2026

Closes #398


Summary

Implemented a fully reusable Button component to replace hard-coded styles across the frontend. This ensures UI consistency and makes future development faster.

Changes Made

  • Centralized Logic: Created a single Button.tsx component with TypeScript support.
  • Variants: Added support for primary (orange), secondary, outline, and ghost styles.
  • Functional States: Built-in isLoading (with a CSS spinner) and disabled logic.
  • Refactoring: Replaced manual button tags in the dashboard and login pages with the new component.

Verification

  • Verified that the "23 Problems" in the terminal are resolved.
  • Tested responsiveness and hover states on different screen sizes.

@vercel
Copy link
Copy Markdown

vercel bot commented Mar 29, 2026

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

Project Deployment Actions Updated (UTC)
insight-arena-4rll Ready Ready Preview, Comment Mar 29, 2026 11:53pm

@drips-wave
Copy link
Copy Markdown

drips-wave bot commented Mar 29, 2026

@Toromo7 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@Toromo7 Toromo7 closed this by deleting the head repository Mar 30, 2026
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.

[Frontend] Consistent Button Styling

1 participant