Sweep: Add a Darkmode with Togglebutton to the ui usung typescript (✓ Sandbox Passed)

[sweep-ai]

PR Feedback (click)

• 👍 Sweep Did Well
• 👎 Sweep Needs Improvement

Description

This pull request adds a dark mode feature to the UI using TypeScript. It includes the following changes:

• Added a new component called ThemeToggleButton in the components directory.
• Created a new context called ThemeContext in the context directory.
• Implemented the ThemeProvider component in the App component.
• Added styles and functionality to the ThemeToggleButton component.
• Created a new hook called usePersistedState in the hooks directory.

Summary

• Added ThemeToggleButton.tsx component
• Created ThemeContext.tsx context
• Implemented ThemeProvider in App.tsx
• Added styles and functionality to ThemeToggleButton.tsx
• Created usePersistedState.ts hook

Fixes #27.

---

🎉 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-ai]

Rollback Files For Sweep

• Rollback changes to src/context/ThemeContext.tsx
• Rollback changes to src/hooks/use-persisted-state.ts
• Rollback changes to src/App.tsx
• Rollback changes to src/components/ThemeToggleButton.tsx

This is an automated message generated by Sweep AI.