Feature/manage payouts

[mohitb35]

Changes in this pull request:

• Adds the Manage Payouts feature to the Dashboard under the Payments menu
• Manage Payouts is accessible only to tpos. It is not seen in the dashboard for non-tpo users, and attempts to visit the link directly redirect to the profile if the user is not a tpo.
• The Manage Payouts feature provides the following for TPO users:

1. Users can see a list of bank accounts they have added in the Overview Tab.
2. Users can add a new bank account from the Add Bank Details tab.
3. Users can edit an existing bank account by clicking on the Edit button in the Overview Tab.
4. Users can set a desired payment schedule in the Payout Schedule tab. The default setting is Manual.
5. While creating a bank account, a minimum payout amount is required if a specific currency is selected.
6. Each currency can have only one bank account, and only one default account is possible

Minor API changes are currently pending. Specifically:

• 1 . routingNumber is to be an optional field while saving bank details. Currently the API responds with an error if this is not provided.
• 2. holderType is an optional parameter while saving bank details and will not be sent from the front end. Currently the API responds with an error if this is not provided, and so we are always sending a hardcoded value of individual.
• 3. We are currently not sending a clean request object while saving bank details i.e. empty fields are being sent as "" instead of null. This may change (a function already exists to clean the request object). - NOT TO BE DONE SO THAT USERS CAN REMOVE OPTIONAL FORM VALUES DURING EDIT

[vercel]

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

Name	Status	Preview	Updated
planet-webapp	✅ Ready (Inspect)	Visit Preview	Oct 4, 2022 at 7:52AM (UTC)

[sagararyal]

📝 Changed routes:

…youts/add-bank-details	…edit-bank-details/[id]
(view full size)	(view full size)

/profile/payouts	/profile/payouts/schedule
(view full size)	(view full size)

Commit fd789f7 (https://planet-webapp-lnnvklf95-planetapp.vercel.app).

[sunilsabatp]

here why did you used false as a type for stepToRender instead of Boolean as a type?

[mohitb35]

As per the MUI documentation, when no tab is selected, we need to set the value attribute for Tabs component to false. So stepToRender can take false as a value. However, true is not a valid value, so I've not used type boolean

https://mui.com/material-ui/api/tabs/

[sunilsabatp]

avoid inline styles instead create a separate class for it

[mohitb35]

done here - fd789f7

[sunilsabatp]

@mohitb35 whenever I am selecting payment frequency in payout schedule I am getting 400
endpoint -> PUT(https://app-staging.plant-for-the-planet.org/app/profile)

payload

{
  "scheduleFrequency": "semiannually"
}

[mohitb35]

@mohitb35 whenever I am selecting payment frequency in payout schedule I am getting 400 endpoint -> PUT(https://app-staging.plant-for-the-planet.org/app/profile)

payload

{
  "scheduleFrequency": "semiannually"
}

This is fixed now.

[mariahosfeld]

Functionality looks good to me