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

change: [DI-22390] - Enhanced monitor page for contextual view #11388

Merged
merged 12 commits into from
Dec 18, 2024

Conversation

nikhagra-akamai
Copy link
Contributor

@nikhagra-akamai nikhagra-akamai commented Dec 10, 2024

Description 📝

Enhanced the monitor page for contextual view as per the latest figma https://www.figma.com/design/uvdOz9Xs0RVdMRJMCIgS9H/ACLP---Contextual-views?node-id=12209-52065&t=4mG9hXqZrRpancpc-0

Changes 🔄

List any change(s) relevant to the reviewer.

  1. Updated layouts in CloudPulseDashboardWithFilters.tsx component
  2. Added Dashboard select dropdown with in disabled state with default value selected.
  3. Added a getFilters method in FilterBuilder.ts file

Target release date 🗓️

20th Dec 2024

Preview 📷

Include a screenshot or screen recording of the change.

🔒 Use the Mask Sensitive Data setting for security.

💡 Use <video src="" /> tag when including recordings in table.

Before After
Screenshot 2024-12-10 at 12 35 33 PM Screenshot 2024-12-16 at 12 45 17 PM

How to test 🧪

Prerequisites

(How to setup test environment)

  1. Go to databases ( if no aiven database available in your profile then switch to mock)
  2. Select any database instance
  3. Select the monitor.
  4. You can verify the changes compare to alpha env.
Author Checklists

As an Author, to speed up the review process, I considered 🤔

👀 Doing a self review
❔ Our contribution guidelines
🤏 Splitting feature into small PRs
➕ Adding a changeset
🧪 Providing/improving test coverage
🔐 Removing all sensitive information from the code and PR description
🚩 Using a feature flag to protect the release
👣 Providing comprehensive reproduction steps
📑 Providing or updating our documentation
🕛 Scheduling a pair reviewing session
📱 Providing mobile support
♿ Providing accessibility support


  • I have read and considered all applicable items listed above.

As an Author, before moving this PR from Draft to Open, I confirmed ✅

  • All unit tests are passing
  • TypeScript compilation succeeded without errors
  • Code passes all linting rules

@nikhagra-akamai nikhagra-akamai marked this pull request as ready for review December 10, 2024 07:16
@nikhagra-akamai nikhagra-akamai requested a review from a team as a code owner December 10, 2024 07:16
@nikhagra-akamai nikhagra-akamai requested review from abailly-akamai and harsh-akamai and removed request for a team December 10, 2024 07:16
Copy link

github-actions bot commented Dec 10, 2024

Coverage Report:
Base Coverage: 86.98%
Current Coverage: 86.98%

@nikhagra-akamai nikhagra-akamai marked this pull request as draft December 10, 2024 12:45
@nikhagra-akamai nikhagra-akamai marked this pull request as ready for review December 10, 2024 13:17
@nikhagra-akamai nikhagra-akamai marked this pull request as draft December 10, 2024 13:24
@nikhagra-akamai nikhagra-akamai marked this pull request as ready for review December 11, 2024 11:58
Copy link
Contributor

@jaalah-akamai jaalah-akamai left a comment

Choose a reason for hiding this comment

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

Approving pending change

Comment on lines 305 to 311
<KeyboardArrowDownIcon
sx={{ color: 'grey', height: '30px', width: '30px' }}
/>
) : (
<KeyboardArrowRightIcon
sx={{ color: 'grey', height: '30px', width: '30px' }}
/>
Copy link
Contributor

Choose a reason for hiding this comment

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

sx prop isn't doing anything here since these are not components or styled components. I wonder if we even need these styles? We most likely could remove them

@nikhagra-akamai
Copy link
Contributor Author

@jaalah-akamai thanks for approval. Due to recent mockup change suggested by UX, I marking this PR as draft until changes are done according the updated mockup

@nikhagra-akamai nikhagra-akamai marked this pull request as ready for review December 16, 2024 07:11
@linode-gh-bot
Copy link
Collaborator

Cloud Manager UI test results

🎉 466 passing tests on test run #6 ↗︎

❌ Failing✅ Passing↪️ Skipped🕐 Duration
0 Failing466 Passing2 Skipped85m 46s

@nikhagra-akamai nikhagra-akamai changed the title change: [DI-22125] - Moved time range select outside paper in contextual view change: [DI-22390] - Enhanced contextual view for monitor page Dec 16, 2024
@nikhagra-akamai nikhagra-akamai changed the title change: [DI-22390] - Enhanced contextual view for monitor page change: [DI-22390] - Enhanced contextual view of monitor page Dec 16, 2024
@nikhagra-akamai nikhagra-akamai changed the title change: [DI-22390] - Enhanced contextual view of monitor page change: [DI-22390] - Enhanced monitor page for contextual view Dec 16, 2024
@nikhagra-akamai
Copy link
Contributor Author

@jaalah-akamai @abailly-akamai @harsh-akamai I've updated the PR with latest mockup provided by UX and it is ready for review. Please check

Copy link
Contributor

@abailly-akamai abailly-akamai left a comment

Choose a reason for hiding this comment

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

@nikhagra-akamai PR looks good

Can you confirm we want the default state to show the filter select rather than the filter tag list?

Screenshot 2024-12-17 at 10 27 36

@nikhagra-akamai
Copy link
Contributor Author

@nikhagra-akamai PR looks good

Can you confirm we want the default state to show the filter select rather than the filter tag list?

Screenshot 2024-12-17 at 10 27 36

Yes default state is the filter select

@jaalah-akamai jaalah-akamai merged commit 43f676d into linode:develop Dec 18, 2024
23 checks passed
Copy link

cypress bot commented Dec 18, 2024

Cloud Manager E2E    Run #6989

Run Properties:  status check passed Passed #6989  •  git commit 43f676da78: change: [DI-22390] - Enhanced monitor page for contextual view (#11388)
Project Cloud Manager E2E
Branch Review develop
Run status status check passed Passed #6989
Run duration 29m 35s
Commit git commit 43f676da78: change: [DI-22390] - Enhanced monitor page for contextual view (#11388)
Committer Nikhil Agrawal
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 5
Tests that did not run due to a developer annotating a test with .skip  Pending 2
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 469
View all changes introduced in this branch ↗︎

dmcintyr-akamai pushed a commit to dmcintyr-akamai/manager that referenced this pull request Jan 9, 2025
…e#11388)

* change: [DI-22125] - Moved time range select outside the paper in contextual view

* change: [DI-22125] - Moved duplicate code into utils

* change: [DI-22125] - Added test cases

* change: [DI-22125] - Added default label to contextual view

* Added changeset

* change: [DI-22125] - Updated mock data

* upcoming: [DI-22125] - Updated logic to hide label in contextual view

* upcoming: [DI-22125] - Removed hide label from global filters

* change: [DI-22390] - Added disabled dashboard select in contextual view

* change: [DI-22390] - Updated test cases

* change: [DI-22125] - Updated styling
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants