🧇 Unlock revenue share (#4906)

* Bump types package * Create a transaction for exiting revenue split * Add proxy
Joystream · Mar 14, 2024 · 9ee4725 · 9ee4725
1 parent c2319d8
commit 9ee4725
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 8 deletions.
diff --git a/packages/atlas/src/components/_crt/RevenueShareWidget/RevenueShareWidget.tsx b/packages/atlas/src/components/_crt/RevenueShareWidget/RevenueShareWidget.tsx
@@ -1,4 +1,4 @@
-import { ReactElement } from 'react'
+import { ReactElement, useCallback } from 'react'
 
 import { SvgActionCalendar, SvgJoyTokenMonochrome16 } from '@/assets/icons'
 import { Avatar } from '@/components/Avatar'
@@ -8,35 +8,61 @@ import { NumberFormat } from '@/components/NumberFormat'
 import { Text } from '@/components/Text'
 import { Button } from '@/components/_buttons/Button'
 import { InfoBox, Wrapper } from '@/components/_crt/RevenueShareWidget/RevenueShareWidget.styles'
+import { useJoystream } from '@/providers/joystream'
+import { useSnackbar } from '@/providers/snackbars'
+import { useTransaction } from '@/providers/transactions/transactions.hooks'
+import { useUser } from '@/providers/user/user.hooks'
 import { formatDateTime } from '@/utils/time'
 
 export type RevenueShareWidgetProps = {
+  tokenId: string
   tokenName: string
   userShare: number
   userTokens: number
   shareEndDate: Date
-  onAction?: () => void
+  onClaimShare?: () => void
   status: 'active' | 'upcoming' | 'locked' | 'unlocked'
 }
 export const RevenueShareWidget = ({
   userShare,
   userTokens,
   tokenName,
-  onAction,
+  onClaimShare,
   shareEndDate,
   status,
+  tokenId,
 }: RevenueShareWidgetProps) => {
+  const { joystream, proxyCallback } = useJoystream()
+  const handleTransaction = useTransaction()
+  const { memberId } = useUser()
+  const { displaySnackbar } = useSnackbar()
+  const unlockStake = useCallback(async () => {
+    if (!joystream || !memberId) {
+      return
+    }
+    handleTransaction({
+      txFactory: async (updateStatus) =>
+        (await joystream.extrinsics).exitRevenueSplit(tokenId, memberId, proxyCallback(updateStatus)),
+      onTxSync: async (data) => {
+        displaySnackbar({
+          title: `${data.amount} $${tokenName} unlocked`,
+          iconType: 'success',
+        })
+      },
+    })
+  }, [joystream, memberId, handleTransaction, tokenId, proxyCallback, displaySnackbar, tokenName])
+
   const actionNode = () => {
     switch (status) {
       case 'active':
         return (
-          <Button fullWidth onClick={onAction}>
+          <Button fullWidth onClick={onClaimShare}>
             Claim your share
           </Button>
         )
       case 'unlocked':
         return (
-          <Button fullWidth onClick={onAction}>
+          <Button fullWidth onClick={unlockStake}>
             Unlock tokens
           </Button>
         )

diff --git a/packages/atlas/src/joystream-lib/extrinsics.ts b/packages/atlas/src/joystream-lib/extrinsics.ts
@@ -39,6 +39,7 @@ import {
   ChannelInputBuckets,
   ChannelInputMetadata,
   CommentReaction,
+  ExitRevenueSplitResult,
   ExtrinsicResult,
   ExtrinsicStatus,
   ExtrinsicStatusCallbackFn,
@@ -1017,14 +1018,15 @@ export class JoystreamLibExtrinsics {
     return this.api.tx.projectToken.exitRevenueSplit(parseInt(tokenId), parseInt(memberId))
   }
 
-  exitRevenueSplit: PublicExtrinsic<typeof this.exitRevenueSplitTx, ExtrinsicResult> = async (
+  exitRevenueSplit: PublicExtrinsic<typeof this.exitRevenueSplitTx, ExitRevenueSplitResult> = async (
     tokenId,
     memberId,
     cb
   ) => {
     const tx = await this.exitRevenueSplitTx(tokenId, memberId)
-    const { block } = await this.sendExtrinsic(tx, cb)
-    return { block }
+    const { block, getEventData } = await this.sendExtrinsic(tx, cb)
+    const amount = getEventData('projectToken', 'RevenueSplitLeft')[2]
+    return { block, amount: amount.toString() }
   }
 
   participateInSplitTx = async (tokenId: TokenId, memberId: MemberId, amount: StringifiedNumber) => {

diff --git a/packages/atlas/src/joystream-lib/types.ts b/packages/atlas/src/joystream-lib/types.ts
@@ -153,6 +153,9 @@ export type VideoExtrinsicResult = ExtrinsicResult<{
 export type MemberExtrinsicResult = ExtrinsicResult<{ memberId: MemberId }>
 export type NftExtrinsicResult = ExtrinsicResult
 export type MetaprotcolExtrinsicResult = ExtrinsicResult<{ metaprotocol: true; transactionHash: string }>
+export type ExitRevenueSplitResult = {
+  amount: string
+} & ExtrinsicResult
 
 type TxMethodsFromClass<T> = T extends `${infer _}Tx` ? T : never