Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[ui-metrics] Converted the Metrics page within Admin Server in ReactJS #3707

Merged
merged 69 commits into from
Jun 22, 2024

Conversation

ananya-agarwal
Copy link
Collaborator

@ananya-agarwal ananya-agarwal commented Apr 19, 2024

What changes were proposed in this pull request?

This PR is about shifting the entire code for the Metrics tab (page) in ReactJS i.e. adding Metrics as a react component. The Metrics page is present as a tab in the Administrator server.

How was this patch tested?

I have added unit tests here. One for the selection dropDown and the other for filtering the metrics based on name.
The code is tested manually as well.

This is how the current Metrics page looks like.
Screenshot 2024-06-22 at 12 54 16 PM

Please review Hue Contributing Guide before opening a pull request.

@ananya-agarwal ananya-agarwal marked this pull request as draft April 19, 2024 11:24
@ananya-agarwal ananya-agarwal marked this pull request as ready for review May 13, 2024 08:45
@ananya-agarwal ananya-agarwal merged commit bdeccbd into master Jun 22, 2024
4 of 5 checks passed
@ananya-agarwal ananya-agarwal deleted the metricsNew branch June 22, 2024 07:26
Alterrien pushed a commit to Alterrien/hue that referenced this pull request Dec 19, 2024
cloudera#3707)

* [ui-metrics] Converted the Metrics page within Admin Server in ReactJS

* Fixing issues for removing the errors

* Fixing the linting issues

* metricsNew

* Fixing lints in MetricsTable

* Fixing the tests-unnecessary changes

* Fixing the unit test, missing return type errors, any return type error

* Not hardcoding the metrics keys and generating dynamically

* WIP

* Updated the test for the review

* WIP

* fix unit test

Change-Id: I641dfe1152e184e8501dc718e49f4e038bbe69c4

* Fixed unit test for select with proper linting

* Fixing the style issues

* replace click with mouseDown for clicking the dropDown

* Filtering the metrics and removing python.gc, multiprocessing, auth starting metrics

* Fixing the linting issues

* Removing matchMedia as it is not required anymore

* Remove the unneccessary comments

* Proper heading to h4 tag

* remove the snake_case and add i18n

* Fixing the linting issues

* Fixing based on Bjorn's review comments

* Updating based on Tabriz's PR review comments

* Fixing linting issues

* Changing the metrics only to the required fields in metricsTable

* Fixing style issues

* Removing the shadow within the input filter

* Filtering done inside useEffect hook only and removed from elsewhere after saving state

* Revertung box shadow changes

* [ui-metrics] Converted the Metrics page within Admin Server in ReactJS

* Fixing issues for removing the errors

* Fixing the linting issues

* metricsNew

* Fixing lints in MetricsTable

* Fixing the tests-unnecessary changes

* Fixing the unit test, missing return type errors, any return type error

* Not hardcoding the metrics keys and generating dynamically

* WIP

* Updated the test for the review

* WIP

* fix unit test

Change-Id: I641dfe1152e184e8501dc718e49f4e038bbe69c4

* Fixed unit test for select with proper linting

* Fixing the style issues

* replace click with mouseDown for clicking the dropDown

* Filtering the metrics and removing python.gc, multiprocessing, auth starting metrics

* Fixing the linting issues

* Removing matchMedia as it is not required anymore

* Remove the unneccessary comments

* Proper heading to h4 tag

* remove the snake_case and add i18n

* Fixing the linting issues

* Fixing based on Bjorn's review comments

* Updating based on Tabriz's PR review comments

* Fixing linting issues

* Changing the metrics only to the required fields in metricsTable

* Fixing style issues

* Removing the shadow within the input filter

* Filtering done inside useEffect hook only and removed from elsewhere after saving state

* Revertung box shadow changes

* grey line removal WIP

* Box shadow final removal

* fixing indentation

* Removing unneccesary comments

---------

Co-authored-by: tabraiz <[email protected]>
tabraiz12 pushed a commit that referenced this pull request Jan 27, 2025
…er in ReactJS (#3707)

* [ui-metrics] Converted the Metrics page within Admin Server in ReactJS

* Fixing issues for removing the errors

* Fixing the linting issues

* metricsNew

* Fixing lints in MetricsTable

* Fixing the tests-unnecessary changes

* Fixing the unit test, missing return type errors, any return type error

* Not hardcoding the metrics keys and generating dynamically

* WIP

* Updated the test for the review

* WIP

* fix unit test

Change-Id: I641dfe1152e184e8501dc718e49f4e038bbe69c4

* Fixed unit test for select with proper linting

* Fixing the style issues

* replace click with mouseDown for clicking the dropDown

* Filtering the metrics and removing python.gc, multiprocessing, auth starting metrics

* Fixing the linting issues

* Removing matchMedia as it is not required anymore

* Remove the unneccessary comments

* Proper heading to h4 tag

* remove the snake_case and add i18n

* Fixing the linting issues

* Fixing based on Bjorn's review comments

* Updating based on Tabriz's PR review comments

* Fixing linting issues

* Changing the metrics only to the required fields in metricsTable

* Fixing style issues

* Removing the shadow within the input filter

* Filtering done inside useEffect hook only and removed from elsewhere after saving state

* Revertung box shadow changes

* [ui-metrics] Converted the Metrics page within Admin Server in ReactJS

* Fixing issues for removing the errors

* Fixing the linting issues

* metricsNew

* Fixing lints in MetricsTable

* Fixing the tests-unnecessary changes

* Fixing the unit test, missing return type errors, any return type error

* Not hardcoding the metrics keys and generating dynamically

* WIP

* Updated the test for the review

* WIP

* fix unit test

Change-Id: I641dfe1152e184e8501dc718e49f4e038bbe69c4

* Fixed unit test for select with proper linting

* Fixing the style issues

* replace click with mouseDown for clicking the dropDown

* Filtering the metrics and removing python.gc, multiprocessing, auth starting metrics

* Fixing the linting issues

* Removing matchMedia as it is not required anymore

* Remove the unneccessary comments

* Proper heading to h4 tag

* remove the snake_case and add i18n

* Fixing the linting issues

* Fixing based on Bjorn's review comments

* Updating based on Tabriz's PR review comments

* Fixing linting issues

* Changing the metrics only to the required fields in metricsTable

* Fixing style issues

* Removing the shadow within the input filter

* Filtering done inside useEffect hook only and removed from elsewhere after saving state

* Revertung box shadow changes

* grey line removal WIP

* Box shadow final removal

* fixing indentation

* Removing unneccesary comments

---------

Co-authored-by: tabraiz <[email protected]>
(cherry picked from commit bdeccbd)
Change-Id: Iea7ff1246370706d2242e67b3cd2c8a268bf53f5
(cherry picked from commit 5263f18fe4c374834e488cb8278280ce1422d1f3)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants