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

fix(ClusterInfo): update links view #1746

Merged
merged 2 commits into from
Dec 11, 2024
Merged

Conversation

artemmufazalov
Copy link
Member

@artemmufazalov artemmufazalov commented Dec 10, 2024

Closes #1741

Updated cluster links view, it now looks like Tablet page

Screenshot 2024-12-10 at 16 27 38

Stand (these links are invalid, it's only to display): https://nda.ya.ru/t/O2N0YNcr7AJF5c

CI Results

Test Status: ✅ PASSED

📊 Full Report

Total Passed Failed Flaky Skipped
208 208 0 0 0

😟 No changes in tests. 😕

Bundle Size: 🔺

Current: 65.87 MB | Main: 65.86 MB
Diff: +0.01 MB (0.02%)

⚠️ Bundle size increased. Please review.

ℹ️ CI Information
  • Test recordings for failed tests are available in the full report.
  • Bundle size is measured for the entire 'dist' directory.
  • 📊 indicates links to detailed reports.
  • 🔺 indicates increase, 🔽 decrease, and ✅ no change in bundle size.

@@ -80,7 +61,7 @@ export const getInfo = (
if (dataCenters?.length) {
info.push({
label: i18n('label_dc'),
value: <Tags tags={dataCenters} gap={2} />,
value: <Tags tags={dataCenters} gap={2} className={b('dc')} />,
Copy link
Member Author

@artemmufazalov artemmufazalov Dec 10, 2024

Choose a reason for hiding this comment

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

Set element height, so info and links sections rows have the same height

@@ -29,18 +26,6 @@ const COLORS_PRIORITY: Record<EFlag, number> = {
Grey: 0,
};

export const compareTablets = (tablet1: TTabletStateInfo, tablet2: TTabletStateInfo) => {
Copy link
Member Author

Choose a reason for hiding this comment

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

Unneeded function

}

&__metrics {
Copy link
Member Author

Choose a reason for hiding this comment

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

I didn't find usages of these classes, so I deleted them

return (
<div>
<div className={b('section-title')}>{i18n('title_info')}</div>
<DefinitionList nameMaxWidth={200}>
Copy link
Member Author

Choose a reason for hiding this comment

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

200 max width is names width of InfoViewer, it will look the same as Tablet page

Raubzeug
Raubzeug previously approved these changes Dec 11, 2024
);
};

const renderLinks = () => {
Copy link
Contributor

Choose a reason for hiding this comment

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

const linksList = links.concat(clusterLinks) ?
And farther logic should become leaner.

@artemmufazalov artemmufazalov added this pull request to the merge queue Dec 11, 2024
Merged via the queue into main with commit b3d5897 Dec 11, 2024
7 checks passed
@artemmufazalov artemmufazalov deleted the 1741-update-cluster-links branch December 11, 2024 14:04
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.

Update cluster links
2 participants