fix: shared link refresh on time

Pkcarreno · Jun 3, 2024 · d609569 · d609569
1 parent 4e8cf1f
commit d609569
Showing 1 changed file with 16 additions and 2 deletions.
diff --git a/src/features/editor/components/header/sharing-menu.tsx b/src/features/editor/components/header/sharing-menu.tsx
@@ -40,14 +40,24 @@ export const SharingMenu = () => {
     }
   };
 
-  useEffect(() => {
+  const handleTooltipTriggerClick = () => {
+    prepareSharedUrl();
+  };
+
+  const prepareSharedUrl = () => {
     const url = new URL(location.href);
+
     const searchParams = new URLSearchParams(location.hash.slice(1));
     if (!isWithCode) {
       searchParams.delete('code');
     }
     url.hash = searchParams.toString();
+
     setSharedUrl(url.href);
+  };
+
+  useEffect(() => {
+    prepareSharedUrl();
   }, [isTooltipOpen, isWithCode]);
 
   return (
@@ -56,7 +66,11 @@ export const SharingMenu = () => {
         <Tooltip open={isTooltipOpen} onOpenChange={setIsTooltipOpen}>
           <TooltipTrigger asChild>
             <PopoverTrigger asChild>
-              <Button size="icon" variant="outline">
+              <Button
+                size="icon"
+                variant="outline"
+                onClick={handleTooltipTriggerClick}
+              >
                 <Share1Icon />
                 <span className="sr-only">Shared current code</span>
               </Button>