feat: Copy API Key Component

Amirthananth commented 6 months ago

Description

Copy API Key button functionality has been implemented.
Reveal/Hide API Key button is also added along with the functionality

What type of PR is this? (check all applicable)

[x] 💡 Feature
[ ] 🐛 Bug Fix
[ ] 📝 Documentation Update
[ ] 🎨 Style
[ ] 🧑‍💻 Code Refactor
[ ] 🔥 Performance Improvements
[ ] ✅ Test
[ ] 🤖 Build
[ ] 🔁 CI
[ ] 📦 Chore (Release)
[ ] ⏩ Revert

Related Tickets & Documents

Fixes #18

Mobile & Desktop Screenshots/Recordings

https://github.com/Codehagen/Dingify/assets/22556726/4c54ab2e-29cf-4def-afc3-7c429834eb40

Steps to QA

Login and go to Dashboard
Click on "Add new API Key" button
Click on the Reveal/Hide button to reveal or hide the API key
Click on the Copy button to copy the API Key to clipboard

Added to documentation?

[ ] 📜 README.md
[x] 🙅 no documentation needed

[optional] Are there any post-deployment tasks we need to perform?

[optional] What gif best describes this PR or how it makes you feel?

vercel[bot] commented 6 months ago

@Amirthananth is attempting to deploy a commit to the meglerhagen's projects Team on Vercel.

A member of the Team first needs to authorize it.

Amirthananth commented 6 months ago

@Codehagen Added the reveal/hide button along with the copy button's functionality. I also added the Tooltip Provider as it will be useful later as well.

Do let me know if we need to make any changes or segregate the components to another file.

Thanks, Amirth

Codehagen commented 6 months ago

This was very good! ✨

Next would be to make input the generated API key into the input, and push this to the DB.

I can make the action for this and you can implement it if you want?

Anyways, merging this now.

Codehagen / Dingify