Fix Copy Button behaviour

[arvalaan]

📝 PR Description

This PR addresses the unexpected behaviour of the CopyButton component, ensuring that content copying occurs only when intended and the button state resets appropriately.

Current Behaviour

• Upon visiting pages that use the CopyButton component, their contents get copied immediately. This happens because the createEffect runs without any delay or checks.
• The component maintains its state and does not reset because the button's pressed state remains unchanged.

Changes Made

• Adjusted the createEffect to run explicitly when the isCopied signal changes. This ensures that copying happens at the intended time.
• Added a deferred prop set to true to prevent the createEffect from running on the initial render.
• Introduced a conditional check around the copy behaviour. Given that our setInterval is resetting the isCopied signal, this ensures that the copy action only happens when it should.

🚀 How to Test

1. Navigate to any page using the CopyButton component.
2. Ensure that content does not get copied immediately upon loading.
3. Interact with the CopyButton and verify that the content is copied as expected.
4. Wait for 2 seconds and ensure the button resets its state.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
solid-ui-components	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 18, 2023 4:49pm

[sek-consulting]

Thank you for that beautiful fix! 😁