This pull request introduces several new features and improvements to the frontend codebase, focusing on wallet management, Storybook integration, and new UI components. The most important changes include the addition of wallet and wallet order actions, new Storybook stories for various components, and new UI components for fields, invoice statuses, price inputs, balance cards, and billing info cards.
Now the user can create a Wallet and use as payment method to distribute between bounties.
Wallet Management:
Added wallet actions to handle creating, listing, and fetching wallets (frontend/src/actions/walletActions.js).
Added wallet order actions to handle creating, listing, and fetching wallet orders (frontend/src/actions/walletOrderActions.js).
Added corresponding notification messages for wallet and wallet order actions (frontend/src/actions/messages/messages.js).
Storybook Integration:
Updated Storybook configuration to disable TypeScript docgen processing (frontend/.storybook/main.js).
Added Storybook stories for Field component (frontend/src/components/design-library/atoms/field/field.stories.tsx).
Added Storybook stories for InvoiceStatus component (frontend/src/components/design-library/atoms/invoice-status/invoice-status.stories.tsx).
Added Storybook stories for PriceInput component (frontend/src/components/design-library/atoms/price-input/price-input.stories.tsx).
UI Components:
Added Field component for form inputs (frontend/src/components/design-library/atoms/field/field.tsx).
Added InvoiceStatus component to display invoice statuses with different colors (frontend/src/components/design-library/atoms/invoice-status/invoice-status.tsx).
Added PriceInput component for entering prices with currency symbols (frontend/src/components/design-library/atoms/price-input/price-input.tsx).
Added BalanceCard component to display wallet balances (frontend/src/components/design-library/molecules/balance-card/balance-card.tsx).
Added BillingInfoCard component to display billing information (frontend/src/components/design-library/molecules/billing-info-card/billing-info-card.tsx).
This pull request introduces several new features and improvements to the frontend codebase, focusing on wallet management, Storybook integration, and new UI components. The most important changes include the addition of wallet and wallet order actions, new Storybook stories for various components, and new UI components for fields, invoice statuses, price inputs, balance cards, and billing info cards.
Now the user can create a Wallet and use as payment method to distribute between bounties.
Wallet Management:
frontend/src/actions/walletActions.js).frontend/src/actions/walletOrderActions.js).frontend/src/actions/messages/messages.js).Storybook Integration:
frontend/.storybook/main.js).Fieldcomponent (frontend/src/components/design-library/atoms/field/field.stories.tsx).InvoiceStatuscomponent (frontend/src/components/design-library/atoms/invoice-status/invoice-status.stories.tsx).PriceInputcomponent (frontend/src/components/design-library/atoms/price-input/price-input.stories.tsx).UI Components:
Fieldcomponent for form inputs (frontend/src/components/design-library/atoms/field/field.tsx).InvoiceStatuscomponent to display invoice statuses with different colors (frontend/src/components/design-library/atoms/invoice-status/invoice-status.tsx).PriceInputcomponent for entering prices with currency symbols (frontend/src/components/design-library/atoms/price-input/price-input.tsx).BalanceCardcomponent to display wallet balances (frontend/src/components/design-library/molecules/balance-card/balance-card.tsx).BillingInfoCardcomponent to display billing information (frontend/src/components/design-library/molecules/billing-info-card/billing-info-card.tsx).