[PREVIEW] handle ipfs uploads nft form

src/components/v2v3/V2V3Project/V2V3ProjectSettings/pages/NewEditNftsPage/LaunchNftCollection.tsx

@@ -1,10 +1,19 @@
 import { Trans } from '@lingui/macro'
 import { Button } from 'antd'
 import { NftRewardsPage } from 'components/Create/components'
+import { useDispatch } from 'react-redux'
+import { useAppSelector } from 'redux/hooks/useAppSelector'
+import { editingV2ProjectActions } from 'redux/slices/editingV2Project'
+import { pinNftCollectionMetadata, pinNftRewards } from 'utils/nftRewards'
 import { useEditingFundingCycleConfig } from '../ReconfigureFundingCycleSettingsPage/hooks/useEditingFundingCycleConfig'
 import { useReconfigureFundingCycle } from '../ReconfigureFundingCycleSettingsPage/hooks/useReconfigureFundingCycle'
 
 export function LaunchNftCollection() {
+  const {
+    projectMetadata: { logoUri },
+  } = useAppSelector(state => state.editingV2Project)
+  const dispatch = useDispatch()
+
   const editingFundingCycleConfig = useEditingFundingCycleConfig()
   const { reconfigureLoading, reconfigureFundingCycle } =
     useReconfigureFundingCycle({
@@ -13,12 +22,44 @@ export function LaunchNftCollection() {
       launchedNewNfts: true,
     })
 
+  const onNftDeploy = async () => {
+    const newRewardTiers =
+      editingFundingCycleConfig.editingNftRewards?.rewardTiers
+    const collectionName =
+      editingFundingCycleConfig.editingNftRewards?.collectionMetadata.name ?? ''
+    const collectionDescription =
+      editingFundingCycleConfig.editingNftRewards?.collectionMetadata
+        .description ?? ''
+    const collectionLogoUri = logoUri ?? ''
+    const collectionInfoUri =
+      editingFundingCycleConfig.editingNftRewards?.collectionMetadata.uri ?? ''
+
+    const [rewardTiersCIDs, nftCollectionMetadataUri] = await Promise.all([
+      newRewardTiers ? pinNftRewards(newRewardTiers) : [],
+      pinNftCollectionMetadata({
+        collectionName,
+        collectionDescription,
+        collectionLogoUri,
+        collectionInfoUri,
+      }),
+    ])
+    console.info('rewardTiersCIDs: ', rewardTiersCIDs)
+    console.info('nftCollectionMetadataUri: ', nftCollectionMetadataUri)
+    dispatch(editingV2ProjectActions.setNftRewardsCIDs(rewardTiersCIDs))
+    dispatch(
+      editingV2ProjectActions.setNftRewardsCollectionMetadataUri(
+        nftCollectionMetadataUri,
+      ),
+    )
+    reconfigureFundingCycle()
+  }
+
   return (
     <NftRewardsPage
       okButton={
         <Button
           type="primary"
-          onClick={reconfigureFundingCycle}
+          onClick={onNftDeploy}
           loading={reconfigureLoading}
           className="mt-10"
         >

src/components/v2v3/V2V3Project/V2V3ProjectSettings/pages/ReconfigureFundingCycleSettingsPage/hooks/useReconfigureFundingCycle.ts

@@ -57,6 +57,10 @@ export const useReconfigureFundingCycle = ({
   const {
     nftRewards: { CIDs: nftRewardsCids },
   } = useContext(NftRewardsContext)
+  console.info(
+    'TODO REMOVE: editingFundingCycleConfig: ',
+    editingFundingCycleConfig,
+  )
 
   const [reconfigureTxLoading, setReconfigureTxLoading] =
     useState<boolean>(false)

src/utils/nftRewards.ts

@@ -175,7 +175,6 @@ export async function pinNftCollectionMetadata({
       : 'https://juicebox.money',
     fee_recipient: undefined,
   }
-
   const res = await pinJson(IPFSNftCollectionMetadata)
   return res.Hash
 }