Sweep: re-factor Progress as a Solid.js component

[sweep-windows[bot]]

Description

This pull request introduces a significant refactor of the Progress component, transitioning it from React to Solid.js. The changes aim to leverage Solid.js's capabilities for a more efficient and streamlined implementation.

Summary

• Removed React-specific hooks and imports, such as useId from react, and replaced them with Solid.js equivalents like Component, mergeProps, and splitProps.
• Simplified the component structure by eliminating the redundant id attribute and directly applying props to the progress bar div.
• Introduced a new Solid.js component function for Progress that utilizes mergeProps and splitProps for better props management.
• Adjusted the JSX to be compatible with Solid.js, ensuring that the component remains functional and stylistically consistent with the existing design.
• The refactor enhances the component's compatibility with Solid.js projects, aiming for improved performance and developer experience.

Affected file:

• src/components/Progress/Progress.tsx

Fixes #35.

---

🎉 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/Progress/Progress.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]

You're exporting the component twice, the Solid.js jsx must replace the React code.

[sweep-windows[bot]]

🚀 Wrote Changes

Done.

This is an automated message generated by Sweep AI.

[semiautomatix]

Update the src/components/Progress/Progress.spec.tsx file from a React test library to a Solid.js test library:

• Update imports to use "@solidjs/testing-library" and "vitest" for testing the Solid.js component. • Adapt existing React tests to Solid.js. This includes changing "render" from React's testing library to Solid.js's testing library usage. • Ensure that tests check for the presence of elements, class names, and interactions correctly within the Solid.js environment. For example, use "screen" and "fireEvent" from "@solidjs/testing-library" for these purposes.

[sweep-windows[bot]]

🚀 Wrote Changes

I wasn't able to make changes. This could be due to an unclear request or a bug in my code. As a reminder, comments on a file only modify that file. Comments on a PR (at the bottom of the "conversation" tab) can modify the entire PR. Please try again or contact us on Discord

This is an automated message generated by Sweep AI.

[semiautomatix]

Update the src/components/Progress/Progress.spec.tsx file from a React test library to a Solid.js test library:

• Update imports to use "@solidjs/testing-library" and "vitest" for testing the Solid.js component. • Adapt existing React tests to Solid.js. This includes changing "render" from React's testing library to Solid.js's testing library usage. • Ensure that tests check for the presence of elements, class names, and interactions correctly within the Solid.js environment. For example, use "screen" and "fireEvent" from "@solidjs/testing-library" for these purposes.

[sweep-windows[bot]]

🚀 Wrote Changes

Done.

This is an automated message generated by Sweep AI.