Feat/offers revisited

[alexanmtz]

This pull request introduces several new components and refactors existing ones to improve the functionality and user experience of the offer drawer feature. The changes include adding new components for handling offers, creating tabs for easier navigation, and refactoring the main offer drawer component to integrate these new features.

Key changes include:

New Components:

• frontend/src/components/design-library/molecules/offers-list/offers-list.tsx: Added a new OffersList component to display a list of offers with options to accept, reject, or message the offer creator.
• frontend/src/components/design-library/templates/offer-drawer/components/invite/invite-input.tsx: Added a new EmailInviteInput component for inviting users via email.
• frontend/src/components/design-library/templates/offer-drawer/components/offer-drawer-create.tsx: Added a new OfferDrawerCreate component to handle the creation of new offers.
• frontend/src/components/design-library/templates/offer-drawer/components/offer-drawer-tabs.tsx: Added a new OfferDrawerTabs component to manage tabs within the offer drawer.

Refactoring:

• frontend/src/components/design-library/templates/offer-drawer/offer-drawer.tsx: Refactored the OfferDrawer component to integrate the new OfferDrawerCreate, OfferDrawerTabs, and OffersList components. Added support for tabs and updated the component's props to handle the new functionality. [1] [2] [3] [4]

Storybook Updates:

• frontend/src/components/design-library/molecules/offers-list/offers-list.stories.tsx: Added a new story for the OffersList component.
• frontend/src/components/design-library/templates/offer-drawer/offer-drawer.stories.tsx: Added a new story to showcase the offer drawer with tabs.

[codeautopilot]

PR summary

This pull request enhances the offer drawer feature by introducing new components and refactoring existing ones to improve user experience and functionality. Key additions include components for listing offers, creating new offers, managing tabs, and inviting users via email. The main offer drawer component has been refactored to integrate these new features, supporting easier navigation and interaction with offers. The changes aim to streamline the process of managing and creating offers, making it more intuitive for users.

Suggestion

Consider adding unit tests for the new components to ensure their functionality and reliability. Additionally, ensure that the new tab navigation is accessible and provides a seamless experience for users with assistive technologies.

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

Current plan usage: 60.28%

Have feedback or need help?
Discord
Documentation
[email protected]