search

artificialcitizens / acai.so

Your AI Powered Toolkit
https://acai.so
Other
14 stars 2 forks source link

create modal component and event, refactor sidebar ui, add settings modal #87

Closed mabry1985 closed 1 year ago

mabry1985 commented 1 year ago

Summary by CodeRabbit

New Features:

Improvements:

Refactor:

Style:

Initial Pass at refactoring Xstate Machines, typesafety, refactor, etc.

coderabbitai[bot] commented 1 year ago

Walkthrough

This pull request introduces a new modal component, refactors the Ava component, and adds a new navigation bar. It also includes changes to the state management with the addition of a new speech state machine and updates to the UI state machine. The changes improve the modularity, maintainability, and user experience of the application.

Changes

File(s) Summary
src/App.tsx Added the ACModal component to the App component's JSX.
src/components/Modal/Modal.tsx, src/components/Modal/Modal.module.css Introduced a new ACModal component with associated styles.
src/state/ui.xstate.ts Updated the UI state machine with new properties and transitions for managing the modal state.
src/components/Ava/Ava.tsx, src/components/AvaNav/AvaNav.tsx, src/components/Sidebar/SBSidebar.tsx Refactored the Ava component and added a new AvaNav component for navigation.
src/components/Icons/Icons.tsx Updated the icon components.
src/components/Knowledge/Knowledge.tsx Improved the layout and responsiveness of the KnowledgeUpload component.
src/components/NotificationCenter/index.tsx Updated the structure and styling of the NotificationCenter component.
src/state/speech.xstate.ts Introduced a new speechMachine for managing speech-related functionality.

🐇 "In the land of code, changes abound, New components and states are found. With modals and navs, the UI is sound, And the speech machine makes not a sound. Celebrate the changes, for they astound, In the land of code, we're homeward bound." 🎉

Tips ### Chat with CodeRabbit Bot (`@coderabbitai`) - If you reply to a *review comment* from CodeRabbit, the bot will automatically respond. - To engage with CodeRabbit bot directly around the specific lines of code in the PR, mention @coderabbitai in your review comment - Note: Review comments are made on code diffs or files, not on the PR overview. - Add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed. ### CodeRabbit Commands (invoked as PR comments) - `@coderabbitai pause` to pause the reviews on a PR. - `@coderabbitai resume` to resume the paused reviews. - `@coderabbitai review` to trigger a review. This is useful when automatic reviews are disabled for the repository. Note: For conversation with the bot, please use the review comments on code diffs or files.
vercel[bot] commented 1 year ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
acai-so ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 22, 2023 0:00am
coderabbitai[bot] commented 1 year ago

Review Skipped

Reviews are disabled on drafts.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository.

To trigger a single review, invoke the @coderabbitai review command.

Tips ### Chat with CodeRabbit Bot (`@coderabbitai`) - If you reply to a *review comment* from CodeRabbit, the bot will automatically respond. - To engage with CodeRabbit bot directly around the specific lines of code in the PR, mention @coderabbitai in your review comment - Note: Review comments are made on code diffs or files, not on the PR overview. - Add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed. ### CodeRabbit Commands (invoked as PR comments) - `@coderabbitai pause` to pause the reviews on a PR. - `@coderabbitai resume` to resume the paused reviews. - `@coderabbitai review` to trigger a review. This is useful when automatic reviews are disabled for the repository. Note: For conversation with the bot, please use the review comments on code diffs or files.