From 310adcadbb573afc506ac2e0d8e277021eebcfd9 Mon Sep 17 00:00:00 2001
From: Neil <4138956+nwparker@users.noreply.github.com>
Date: Fri, 29 May 2026 22:56:30 -0700
Subject: [PATCH] fix: clear share usage timer from button ref (#3489)

---
 .../src/components/stats/ShareUsageButton.tsx  | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/renderer/src/components/stats/ShareUsageButton.tsx b/src/renderer/src/components/stats/ShareUsageButton.tsx
index b5e4825c1..38727ce28 100644
--- a/src/renderer/src/components/stats/ShareUsageButton.tsx
+++ b/src/renderer/src/components/stats/ShareUsageButton.tsx
@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useRef, useState } from 'react'
+import { useCallback, useRef, useState } from 'react'
 import { toPng } from 'html-to-image'
 import { Check, Copy, Share2 } from 'lucide-react'
 import { Button } from '../ui/button'
@@ -29,7 +29,14 @@ export function ShareUsageButton(props: ShareUsageButtonProps): React.JSX.Elemen
     }
   }, [])
 
-  useEffect(() => clearCopiedResetTimer, [clearCopiedResetTimer])
+  const setShareButtonRef = useCallback(
+    (node: HTMLButtonElement | null) => {
+      if (node === null) {
+        clearCopiedResetTimer()
+      }
+    },
+    [clearCopiedResetTimer]
+  )
 
   const captureToClipboard = useCallback(async () => {
     if (!cardRef.current || capturing) {
@@ -108,7 +115,12 @@ export function ShareUsageButton(props: ShareUsageButtonProps): React.JSX.Elemen
         <Tooltip>
           <TooltipTrigger asChild>
             <DialogTrigger asChild>
-              <Button variant="ghost" size="icon-xs" aria-label="Share usage">
+              <Button
+                ref={setShareButtonRef}
+                variant="ghost"
+                size="icon-xs"
+                aria-label="Share usage"
+              >
                 <Share2 className="size-3.5" />
               </Button>
             </DialogTrigger>