Skip to content

[ui-Quick Start] Convert the Quick Start page within administrator server in ReactJS #4025

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

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

Conversation

ananya-agarwal
Copy link
Collaborator

@ananya-agarwal ananya-agarwal commented Mar 4, 2025

What changes were proposed in this pull request?

Update the Quick Start page to use React and align it with the Cloudera Design Language. Quick Start has been renamed as Overview at some places.

How was this patch tested?

Unit tests, manual testing

Updated pictures of the Quick Start page:

Screenshot 2025-04-01 at 4 06 05 PM Screenshot 2025-03-24 at 1 40 20 PM Screenshot 2025-03-24 at 1 42 23 PM Screenshot 2025-03-24 at 1 43 50 PM

Please review Hue Contributing Guide before opening a pull request.

Copy link
Collaborator

@Harshg999 Harshg999 left a comment

Choose a reason for hiding this comment

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

Nice change! I've added some quick review comments.

Copy link

⚠️ No unit test files modified. Please ensure that changes are properly tested. ⚠️

1 similar comment
Copy link

⚠️ No unit test files modified. Please ensure that changes are properly tested. ⚠️

Copy link

⚠️ No unit test files modified. Please ensure that changes are properly tested. ⚠️

1 similar comment
Copy link

⚠️ No unit test files modified. Please ensure that changes are properly tested. ⚠️

Copy link

⚠️ No unit test files modified. Please ensure that changes are properly tested. ⚠️

1 similar comment
Copy link

⚠️ No unit test files modified. Please ensure that changes are properly tested. ⚠️

Copy link

⚠️ No unit test files modified. Please ensure that changes are properly tested. ⚠️

Copy link

⚠️ No unit test files modified. Please ensure that changes are properly tested. ⚠️

1 similar comment
Copy link

⚠️ No unit test files modified. Please ensure that changes are properly tested. ⚠️

Copy link

⚠️ No unit test files modified. Please ensure that changes are properly tested. ⚠️

1 similar comment
Copy link

⚠️ No unit test files modified. Please ensure that changes are properly tested. ⚠️

@ananya-agarwal ananya-agarwal force-pushed the Overview branch 3 times, most recently from 9a6bc6e to ce5b692 Compare April 15, 2025 15:45
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, we are almost there :-)

Copy link
Collaborator

@tabraiz12 tabraiz12 left a comment

Choose a reason for hiding this comment

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

LGTM

try {
const appWithExtraData = exampleAppsWithData.find(app => app.id === exampleApp.id);
if (appWithExtraData && appWithExtraData.data) {
for (const eachData of appWithExtraData.data) {
Copy link
Collaborator

Choose a reason for hiding this comment

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

Currently you're looping through exampleAppsWithData.data and calling installExamplesCall without await. These are fire-and-forget calls, and any errors inside them won’t be caught. This could lead to unexpected behavior or race conditions.

: t('An error occurred while installing examples.');
huePubSub.publish('hue.global.error', { message: errorMessage });
} finally {
setInstallingAppId('');
Copy link
Collaborator

Choose a reason for hiding this comment

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

since installExamplesCall is async this will be executed before they finish...

const message = t('Examples refreshed');
huePubSub.publish('hue.global.info', { message });
} catch (error) {
const errorMessage = error.message
Copy link
Collaborator

Choose a reason for hiding this comment

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

Don't we want the error to say which example installation that failed?

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.

5 participants