From 6e71a04e8c8791d74ea24a57e7ca166f55107047 Mon Sep 17 00:00:00 2001
From: lucataglia <luca.tagliabue@radicalbit.io>
Date: Wed, 23 Aug 2023 11:38:39 +0200
Subject: [PATCH] feat: add timer to restore copyToClipboard button state

---
 packages/react-json-tree/src/expandCollapseButtons.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/react-json-tree/src/expandCollapseButtons.tsx b/packages/react-json-tree/src/expandCollapseButtons.tsx
index 0f140e26..eff07219 100644
--- a/packages/react-json-tree/src/expandCollapseButtons.tsx
+++ b/packages/react-json-tree/src/expandCollapseButtons.tsx
@@ -6,7 +6,7 @@ import {
   faCheck,
 } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import React, { ReactNode, useState } from 'react';
+import React, { ReactNode, useEffect, useState } from 'react';
 import { ExpandCollapseAll } from '.';
 import { useExpandCollapseAllContext } from './expandCollapseContext';
 import { StylingFunction } from 'react-base16-styling';
@@ -131,6 +131,12 @@ function CopyToClipboardButton({copyToClipboardIcon, copiedToClipboardIcon, valu
     setIsCopied(true)
   }
 
+  useEffect(() => {
+    if(isCopied){
+      setTimeout(() => setIsCopied(false), 6000)
+    }
+  }, [isCopied])
+
   if(isCopied){
     return (<div role="presentation" onClick={handleOnCopyToClipboard}>
       {copiedToClipboardIcon || <FontAwesomeIcon icon={faCheck} />}