From 4d41ab4d8345800716aca7cbc3b597ae5a951ef2 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Tue, 2 Jul 2024 21:18:41 +0800
Subject: [PATCH] fix: claim feed button

---
 src/renderer/src/modules/claim/hooks.ts       | 4 +++-
 src/renderer/src/modules/wallet/tip-modal.tsx | 7 ++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/modules/claim/hooks.ts b/src/renderer/src/modules/claim/hooks.ts
index 2126fd04e..4cb45081b 100644
--- a/src/renderer/src/modules/claim/hooks.ts
+++ b/src/renderer/src/modules/claim/hooks.ts
@@ -5,11 +5,13 @@ import { createElement, useCallback } from "react"
 import { FeedClaimModalContent } from "./feed-claim-modal"
 
 export const useFeedClaimModal = ({ feedId }: {
-  feedId: string
+  feedId?: string
 }) => {
   const { present } = useModalStack()
 
   return useCallback(() => {
+    if (!feedId) return
+
     const feed = getFeedById(feedId)
 
     if (!feed) return
diff --git a/src/renderer/src/modules/wallet/tip-modal.tsx b/src/renderer/src/modules/wallet/tip-modal.tsx
index fc25be7cd..cf71bfc2a 100644
--- a/src/renderer/src/modules/wallet/tip-modal.tsx
+++ b/src/renderer/src/modules/wallet/tip-modal.tsx
@@ -13,6 +13,7 @@ import { from, toNumber } from "dnum"
 import type { FC } from "react"
 import { useState } from "react"
 
+import { useFeedClaimModal } from "../claim"
 import { useSettingModal } from "../settings/modal/hooks-hack"
 
 const DEFAULT_RECOMMENDED_TIP = 1
@@ -44,6 +45,10 @@ export const TipModalContent: FC<{
 
   const settingModalPresent = useSettingModal()
 
+  const claimFeed = useFeedClaimModal({
+    feedId,
+  })
+
   if (transactionsQuery.isPending || myWallet.isPending) {
     return (
       <div className="center h-32 w-[650px]">
@@ -110,7 +115,7 @@ export const TipModalContent: FC<{
           <p className="leading-none">
             <span className="text-xs text-theme-foreground/80">No one has claimed this feed yet. The received Power will be securely held in the blockchain contract until it is claimed.</span>
           </p>
-          <StyledButton variant="text" className="w-fit p-0">Claim this feed</StyledButton>
+          <StyledButton variant="text" className="w-fit p-0" onClick={() => claimFeed()}>Claim this feed</StyledButton>
         </>
       )}
       <Divider className="my-2" />