Sweep: refactor Badge component (✓ Sandbox Passed)

[sweep-windows[bot]]

Description

Refactoring the Badge component to improve code readability and maintainability.

Summary

• Refactored Badge.tsx component
• Replaced conditional rendering with Show component
• Updated class and href attributes

Fixes #21.

---

🎉 Latest improvements to Sweep:

• New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
• Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
• Use the GitHub issues extension for creating Sweep issues directly from your editor.

---

💡 To get Sweep to edit this pull request, you can:

• Comment below, and Sweep can edit the entire PR
• Comment on a file, Sweep will only modify the commented file
• Edit the original issue to get Sweep to recreate the PR from scratch

[sweep-windows[bot]]

Rollback Files For Sweep

• [ ] Rollback changes to src/components/Badge/Badge.tsx

This is an automated message generated by Sweep AI.

[sweep-windows[bot]]

Apply Sweep Rules to your PR?

• [ ] Apply: All new business logic should have corresponding unit tests.
• [ ] Apply: Refactor large functions to be more modular.
• [ ] Apply: Add docstrings to all functions and file headers.

This is an automated message generated by Sweep AI.

[semiautomatix]

• Replace React imports with Solid.js equivalents. Use "import { createEffect, createSignal } from 'solid-js';" for state management. • Update the Badge component to be a Solid.js component. This includes using "createSignal" for any state management and "createEffect" for any side effects. • Change "className" to "class" within the component to adhere to Solid.js conventions. • Utilize "mergeProps" and "splitProps" from "solid-js" to handle component properties, similar to how it's done in the Checkbox component. • Ensure that the component uses "twMerge" from "tailwind-merge" for class merging, as it's already being used in the current implementation. • Update the component's structure to follow Solid.js patterns, such as using "Show" for conditional rendering instead of ternary operators or short-circuit evaluation.

Use /src/components/Checkbox/Checkbox.tsx as an example of a working Solid.js component that adheres to best principles.

[sweep-windows[bot]]

🚀 Wrote Changes

Done.

This is an automated message generated by Sweep AI.

[semiautomatix]

• Replace React imports with Solid.js equivalents. Add "import { createEffect, createSignal, Show } from 'solid-js';" at the top of the file. • Remove the React.FC type definitions and instead define the component as a function that returns JSX. Solid.js does not use the FC type. • Update the component's structure to follow Solid.js patterns, ensuring it is exported correctly for use in other parts of the application.

[sweep-windows[bot]]

🚀 Wrote Changes

Done.

This is an automated message generated by Sweep AI.

[semiautomatix]

Now, update src/components/Badge/Badge.spec.tsx unit tests to use the @solidjs/testing-library and vitest testing frameworks for Solid.js.

Use src/components/Checkbox/Checkbox.test.tsx as an example.

[sweep-windows[bot]]

🚀 Wrote Changes

Done.

This is an automated message generated by Sweep AI.

[semiautomatix]

In src/components/Badge/Badge.tsx:

• Replace React imports with Solid.js equivalents. Add "import { createEffect, createSignal, Show } from 'solid-js';" at the top of the file. • Remove the React.FC type definitions and instead define the component as a function that returns JSX. Solid.js does not use the FC type. • Update the component's structure to follow Solid.js patterns, ensuring it is exported correctly for use in other parts of the application.

[sweep-windows[bot]]

🚀 Wrote Changes

Done.

This is an automated message generated by Sweep AI.