Feat/offer and invite revisited

[alexanmtz]

This pull request includes several changes to improve the functionality and maintainability of the frontend components. The most important changes involve refactoring how state and props are handled in various components, as well as enhancing the user experience by adding new features and fixing existing issues.

State and Props Management:

• frontend/src/actions/taskActions.js: Updated fundingInviteTask function to return axios promises and dispatch actions correctly. [1] [2]
• frontend/src/components/design-library/molecules/checkbox-terms/checkbox-terms.tsx: Added useEffect to handle the onAccept callback when the checkbox state changes. [1] [2]
• frontend/src/components/design-library/molecules/checkboxes/checkboxes.tsx: Modified handleChange to accept an onChange callback and updated the checkbox component to use this callback. [1] [2]
• frontend/src/components/design-library/molecules/input-comment/input-comment.tsx: Removed value prop and managed the state internally. Added onChange callback to handle input changes.

New Features and Enhancements:

• frontend/src/components/design-library/organisms/issue-card/issue-card.tsx: Added ReactPlaceholder for loading state and used optional chaining for safer property access. [1] [2] [3] [4]
• frontend/src/components/design-library/templates/offer-drawer/offer-drawer.tsx: Introduced new props for handling various state changes and added an email input field conditionally. [1] [2] [3] [4] [5]

These changes collectively enhance the codebase by improving state management, adding new features, and ensuring better user experience through improved component interactions.

[codeautopilot]

PR summary

This Pull Request focuses on enhancing the frontend components by revisiting the offer and invite functionalities. Key changes include improved state and props management, the introduction of new features, and enhancements to the user experience. The state management improvements involve refactoring how state and props are handled across various components, such as using useEffect for handling state changes and callbacks. New features include the addition of ReactPlaceholder for loading states and conditional email input fields. These changes aim to improve code maintainability and user interaction with the application.

Suggestion

Consider adding unit tests for the new features and refactored components to ensure their functionality and to prevent future regressions. Additionally, ensure that all user-facing text is internationalized for broader accessibility.

Disclaimer: This comment was entirely generated using AI. Be aware that the information provided may be incorrect.

Current plan usage: 57.06%

Have feedback or need help?
Discord
Documentation
support@codeautopilot.com