Added New Play - React Gradients

[ammaaraslam]

Description

This is a new play consisting of a collection of beautiful gradients that can be copied either as TailwindCSS or CSS code and use in their application. Users are also able to copy each color used in a gradient. This play uses TailwindCSS for styling and one third-part library, react-hot-toast for notifications(toasts).

Please Note:- I have used inline CSS in one place to style one thing in the entire play. I've used it for dynamically adding a gradient background to a div. I couldn't quite get it to work with TailwindCSS.

Fixes #442

Type of change

• New feature (non-breaking change which adds functionality)

How Has This Been Tested?

This play has been tested on my local machine. It creates no new errors and passes all unit tests.

Checklist:

• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules

[vercel]

@ammaaraslam is attempting to deploy a commit to a Personal Account owned by @reactplay on Vercel.

@reactplay first needs to authorize it.

[vercel]

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

Name	Status	Preview	Updated
react-play	✅ Ready (Inspect)	Visit Preview	Aug 10, 2022 at 4:17AM (UTC)

[ammaaraslam]

Hi @atapas. I'll try to fix the changes that you implied. I'll get back with the changes soon!

[ammaaraslam]

Hey @atapas. I have made changes to the play according to your suggestions. Combining the three copy functions into one is a very efficient and a good practice. I didn't think of that when developing, so thanks for pointing that out.
And if you need any other changes to be made, let me know. I'm happy to work with you in this project.

[atapas]

LGTM

[atapas]

@koustov I am good with the changes. Please merge if it looks good to you.

[koustov]

a couple of suggestions

[koustov]

@ammaaraslam , the UI is very simple yet elegant.

[ammaaraslam]

Hi @koustov. I'll make the necessary changes you suggested and get back to you soon.

[ammaaraslam]

Hey @koustov, I have made the suggested changes. If there's any more changes that need to be made, let me know.

[atapas]

@koustov you can close this one.

[koustov]

lgtm

[atapas]

@all-contributors please add @ammaaraslam for Code

[allcontributors]

@atapas

I've put up a pull request to add @ammaaraslam! 🎉