Hover & Focus state for Social Icons

[adetyaz]

Please describe the changes this PR makes and why it should be merged:
This solve the issue #649

Status

• Code changes have been tested against prettier, or there are no code changes
• I know how to update typings and have done so, or typings don't need updating

Semantic versioning classification:

• This PR changes the codebase
  • This PR includes breaking changes (methods removed or renamed, parameters moved or removed)
  • This PR changes the internal workings with no modifications to the external API (bug fixes, performance improvements)
• This PR only includes non-code changes, like changes to documentation, README, etc.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
million-kitchen-sink	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 11, 2023 8:56pm
sink	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 11, 2023 8:56pm

[CLAassistant]

All committers have signed the CLA.

[adetyaz]

Hey @tobySolutions,
I had an issue when trying to make sure only the changes I made were committed so I just did it all over again when I couldn't solve the issue

[tobySolutions]

LGTM!

[tobySolutions]

What's the. advantage of the raw svg code over using React icons, please? @adetyaz

[tobySolutions]

I think you can make the svgs an exportable component that you can come use here instead of having all the svg code be here; thank you.

[adetyaz]

Noted @tobySolutions I will do that and update.

I used SVG because that was that's what I saw when digging through the Nextra documentation

[tobySolutions]

Noted @tobySolutions I will do that and update.

I used SVG because that was that's what I saw when digging through the Nextra documentation

Awesome! Thanks.

[tobySolutions]

Oh, you haven't made the updates yet?

[adetyaz]

Oh, you haven't made the updates yet?

Not yet, I'll be doing that soon. I'd like to know if I should create an icons folder in the components folder and put each one there since the have different svg values that can't be changed via props

[tobySolutions]

Any updates on this @adetyaz?

[adetyaz]

Yes I'll be pushing my updates in about an hour, I was waiting for a response on the question I asked

[adetyaz]

@tobySolutions It has been updated

[tobySolutions]

Can you please sign the CLA? @adetyaz

[adetyaz]

Can you please point me to it @tobySolutions

[tobySolutions]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.You have signed the CLA already but the status is still pending? Let us recheck it.

@adetyaz

[adetyaz]

done @tobySolutions

[tobySolutions]

done @tobySolutions

Awesome! Good job @adetyaz

[tobySolutions]

LGTM!!