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-configuration] Convert the Configuration page within Administrator Server in ReactJS #3848

Open
wants to merge 3 commits into
base: master
Choose a base branch
from

Conversation

ananya-agarwal
Copy link
Collaborator

@ananya-agarwal ananya-agarwal commented Sep 14, 2024

What changes were proposed in this pull request?

Shifting the entire old code for the Configuration tab (page) which is present in Administrator server as a ReactJS component.

How was this patch tested?

Manual checking. Unit tests for all the components added.

Old Configuration page:

Screenshot 2024-09-15 at 12 19 52 AM

Updated Configuration page:

Screenshot 2024-11-06 at 11 27 13 AM Screenshot 2024-11-06 at 11 27 54 AM

Please review Hue Contributing Guide before opening a pull request.

@ananya-agarwal ananya-agarwal marked this pull request as draft September 14, 2024 18:50
@ananya-agarwal ananya-agarwal force-pushed the Configuration branch 4 times, most recently from 2898b6c to 68d5569 Compare October 10, 2024 07:02
@ananya-agarwal ananya-agarwal force-pushed the Configuration branch 2 times, most recently from 1c48c1e to 492ee86 Compare October 25, 2024 09:36
@ananya-agarwal ananya-agarwal force-pushed the Configuration branch 3 times, most recently from 59c3ba6 to 9bd1725 Compare October 28, 2024 09:16
@ananya-agarwal ananya-agarwal force-pushed the Configuration branch 4 times, most recently from 9ea914b to 2a8e4be Compare November 6, 2024 05:36
@ananya-agarwal ananya-agarwal marked this pull request as ready for review November 6, 2024 05:50
@ananya-agarwal ananya-agarwal changed the title [ui-configuration] Converted the Configuration page within Administrator Server in ReactJS [ui-configuration] Convert the Configuration page within Administrator Server in ReactJS Nov 6, 2024
@ananya-agarwal ananya-agarwal force-pushed the Configuration branch 3 times, most recently from 2e71ea0 to a4a26cb Compare November 6, 2024 07:51
Copy link
Collaborator

@bjornalm bjornalm left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice work, please see feedback.

made some comments about how to name and structure the html classes (css) in the first files, but the comments apply to all files in the PR.

@ananya-agarwal ananya-agarwal force-pushed the Configuration branch 3 times, most recently from 1d8dae6 to 26fea9f Compare November 15, 2024 08:22
Done till before bringing config in alignment

styling changes

fixing checks

newly added

WIP

WIP

WIP

Renaming

Linting fixed

WIP

WIP

WIP

WIP

WIP

WIP

WIP

WIP

hey

WIP

WIP

WIP

WIP

wIP

WIP

WIP

.config__section-header {
color: $fluidx-gray-700;
}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

indentation, do a style lint and fix indentation here.

padding: 4px 0 8px 0;
}

padding: 16px 0 8px 16px;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

if these styles(padding, bg-color,border) belongs to the config__main-item class add it on top itself instead of adding before closing of this class

}

.config__main-item .config__child-item .config--last-heading {
font-size: $font-size-base;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

add it on line 36, same class

font-size: $font-size-base;
color: $fluidx-black;
font-weight: 400;
margin-left: 40px;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

font-size and styles looks same for all child elements, we don't need to repeat them include these styles in parent class

const filterConfig = (
config: AdminConfigValue,
lowerCaseFilter: string
): AdminConfigValue | undefined => {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

is undefined required here?

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