Aizad/ WALL-2418/ adding Loading State inside of Button

[aizad-deriv]

Changes:

• added loading state inside of button
• added new isFullscreen prop for loader
• assign colors based on the colors and variants of the button

Screenshots:

[vercel]

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

Name	Status	Preview	Updated (UTC)
deriv-app	✅ Ready (Inspect)	Visit Preview	Nov 2, 2023 7:54am

[coveralls]

coverage: 27.165%. remained the same when pulling 811cf83 on aizad-deriv:aizad/WALL-2418/loader-for-button into d8d4770 on binary-com:master.

[github-actions]

A production App ID was automatically generated for this PR. (log)

• PR: Aizad/ WALL-2418/ adding Loading State inside of Button #11128
• URLs:
  • w/ App ID + Server: https://deriv-app-git-fork-aizad-deriv-aizad-wall-2418loader-for-button.binary.sx?qa_server=red.derivws.com&app_id=24096
  • Original: https://deriv-app-git-fork-aizad-deriv-aizad-wall-2418loader-for-button.binary.sx
• App ID: 24096

Click here to copy & paste above information.

- **PR**: [https://github.com/binary-com/deriv-app/pull/11128](https://github.com/binary-com/deriv-app/pull/11128)
- **URLs**:
    - **w/ App ID + Server**: https://deriv-app-git-fork-aizad-deriv-aizad-wall-2418loader-for-button.binary.sx?qa_server=red.derivws.com&app_id=24096
    - **Original**: https://deriv-app-git-fork-aizad-deriv-aizad-wall-2418loader-for-button.binary.sx
- **App ID**: `24096`

[github-actions]

🚨 Lighthouse report for the changes in this PR:

Category	Score
🔺 Performance	15
🟧 Accessibility	75
🟢 Best practices	92
🟧 SEO	85
🟧 PWA	80

Lighthouse ran with https://deriv-app-git-fork-aizad-deriv-aizad-wall-2418loader-for-button.binary.sx/

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[github-actions]

🚀 Smoke test run (2) passed successfully!