Button Enhancement #19

[tasbi03]

PR Description

This PR enhances the Code Converter component by refining the copy functionality and providing clear notifications to distinguish between Input and Output copying actions.

Changes Made

1. Separate Copy Buttons with Notifications

   • Introduced two distinct copy buttons: one for Input and another for Output. This improves clarity, allowing users to easily select and copy their desired code snippets.
   • Updated the handleCopy function to show specific toast notifications:
     • Displays "Input code copied!" when the Input code is copied.
     • Displays "Output code copied!" when the Output code is copied.

2. UI Enhancements for Mobile View

   • Added distinct icons for Input and Output copy actions in the SpeedDial menu (visible only in mobile view).
   • Enhanced tooltip labels in the SpeedDial menu for clearer differentiation, showing “Copy Input Code” and “Copy Output Code” as tooltips.

Testing

• Verified that each button triggers the correct copy action and displays the appropriate notification.
• Confirmed that toast notifications show distinct messages for copying Input or Output code based on the action taken.

[vercel]

@tasbi03 is attempting to deploy a commit to the Aayush Pandey's projects Team on Vercel.

A member of the Team first needs to authorize it.