fix: Show errors when saving items in the EditPriceAndBeneficiaryModal (#2877)

Author: cyaiox

src/components/Modals/EditPriceAndBeneficiaryModal/EditPriceAndBeneficiaryModal.container.ts

@@ -2,7 +2,7 @@ import { connect } from 'react-redux'
 import { isLoadingType } from 'decentraland-dapps/dist/modules/loading/selectors'
 
 import { RootState } from 'modules/common/types'
-import { getAuthorizedItems, getLoading } from 'modules/item/selectors'
+import { getAuthorizedItems, getLoading, getError } from 'modules/item/selectors'
 import {
   saveItemRequest,
   setPriceAndBeneficiaryRequest,
@@ -20,6 +20,7 @@ const mapState = (state: RootState, ownProps: OwnProps): MapStateProps => {
 
   return {
     item,
+    error: getError(state),
     isLoading:
       isLoadingType(getLoading(state), FETCH_ITEMS_REQUEST) ||
       isLoadingType(getLoading(state), SAVE_ITEM_REQUEST) ||

src/components/Modals/EditPriceAndBeneficiaryModal/EditPriceAndBeneficiaryModal.tsx

@@ -129,7 +129,7 @@ export default class EditPriceAndBeneficiaryModal extends React.PureComponent<Pr
   }
 
   render() {
-    const { name, isLoading, mountNode, onClose, onSkip } = this.props
+    const { name, error, isLoading, mountNode, onClose, onSkip } = this.props
     const { isFree, isOwnerBeneficiary, price = '' } = this.state
     const beneficiary = this.getBeneficiary()
 
@@ -204,6 +204,7 @@ export default class EditPriceAndBeneficiaryModal extends React.PureComponent<Pr
                 </Card.Content>
               </Card>
             ) : null}
+            {error ? <p className="danger-text">{error}</p> : null}
           </ModalContent>
           <ModalActions>
             <NetworkButton primary disabled={this.isDisabled()} loading={isLoading} network={Network.MATIC}>

src/components/Modals/EditPriceAndBeneficiaryModal/EditPriceAndBeneficiaryModal.types.ts

@@ -10,6 +10,7 @@ import {
 
 export type Props = ModalProps & {
   item: Item
+  error: string | null
   isLoading: boolean
   metadata: EditPriceAndBeneficiaryModalMetadata
   itemSortedContents?: Record<string, Blob>
@@ -31,6 +32,6 @@ export type EditPriceAndBeneficiaryModalMetadata = {
 }
 
 export type OwnProps = Pick<Props, 'metadata' | 'item' | 'mountNode'>
-export type MapStateProps = Pick<Props, 'item' | 'isLoading'>
+export type MapStateProps = Pick<Props, 'item' | 'error' | 'isLoading'>
 export type MapDispatchProps = Pick<Props, 'onSave' | 'onSetPriceAndBeneficiary'>
 export type MapDispatch = Dispatch<SaveItemRequestAction | SetPriceAndBeneficiaryRequestAction>