renamed state variable and added a callback

Author: Mash707

packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopyInlineCompactWithAdditionalAction.tsx

@@ -3,7 +3,7 @@ import { ClipboardCopy, ClipboardCopyAction, Button, Tooltip } from '@patternfly
 import PlayIcon from '@patternfly/react-icons/dist/esm/icons/play-icon';
 
 export const ClipboardCopyInlineCompactWithAdditionalAction: React.FunctionComponent = () => {
-  const [showSuccessContent, setShowSuccessContent] = React.useState(false);
+  const [isRunning, setisRunning] = React.useState(false);
   const runText: string = 'Run in web terminal';
   const doneRunText: string = 'Running in web terminal';
   return (
@@ -13,13 +13,18 @@ export const ClipboardCopyInlineCompactWithAdditionalAction: React.FunctionCompo
       variant="inline-compact"
       additionalActions={
         <ClipboardCopyAction>
-          <Tooltip aria="none" aria-live="polite" content={showSuccessContent ? doneRunText : runText}>
+          <Tooltip
+            aria="none"
+            aria-live="polite"
+            content={isRunning ? doneRunText : runText}
+            onTooltipHidden={() => setisRunning(false)}
+          >
             <Button
               variant="plain"
               hasNoPadding
               aria-label="Run in web terminal"
               icon={<PlayIcon />}
-              onClick={() => setShowSuccessContent(!showSuccessContent)}
+              onClick={() => setisRunning(!isRunning)}
             />
           </Tooltip>
         </ClipboardCopyAction>