Tokeninfo

[waelhanfi04]

Description:
This pull request introduces several enhancements to the Crypto Market Cap page and adds a new guard to protect access to it. Here's a breakdown of the changes made in this pull request:

1. Crypto Market Cap Page Updates:

   • The CryptoMarketCapComponent in crypto-market-cap.component.ts has been improved with the following changes:
     • The page now displays a search input field to filter cryptocurrencies by name.
     • Pagination functionality has been added to navigate through the list of cryptocurrencies.
     • The UI now displays sparkline graphs for each cryptocurrency, with color coding based on the 7-day percentage change.

2. Crypto Data Guard:

   • A new Angular route guard named CryptoDataGuard has been implemented in crypto-data.guard.ts. This guard is designed to protect access to the Crypto Market Cap page.
   • If the user attempts to access the Crypto Market Cap page and there is no cryptocurrency data available in the store, the guard triggers a data loading action to fetch the required data.
   • The guard only allows access to the page if the cryptocurrency data is successfully loaded; otherwise, it prevents access.

3. Redux Store Integration:

   • Redux store integration has been enhanced to manage cryptocurrency data using the NgRx store.
   • Actions, effects, selectors, and reducers have been added to facilitate the loading and management of cryptocurrency data.

4. Other Miscellaneous Updates:

   • Some minor code cleanup and optimizations have been performed in the codebase.

These changes collectively enhance the user experience of the Crypto Market Cap page by providing search and pagination capabilities, ensuring data availability through the guard, and implementing state management for cryptocurrency data using NgRx.

Please review these changes and provide your feedback.