ENG-310 - Redesign cluster view #387
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…n/eng-310-cluster-refinement
4 tasks
floreks
changed the title
floreks
changed the title
michaeljguarino
added a commit
that referenced
this pull request
Aug 19, 2022
* Add "Edit" page to Repository tab (#375) * Update design-system * Add typescript plugin to yarn * Add linting for typescript Update linting options * Convert to .tsx * Fix ts errors * format with prettier * Implement new page design Prevent file upload/delete buttons from submitting form Mostly done Last bits mutation partially working Full mutation working (but tags don’t come back in update) Finish functionality * Remove unused typing * Linting fixes * Better intial form state * Stop renaming tag props in gql queries * Suppress apollo warning when removing tags * Remove unnecessary manual cache update * lint * Better TS type * Redesign packages screen (#376) * Redesign detail container * Redesigning chart layout * Use light dashed lines in tree graphs * Add view headers * Redesign readme * Redesign grades * Header improvements * Redesigning terraform layout * Fix typos * Extract duplicated header component * Switch from flex to box to fix scaling issues * Display configuration in code block * Adjust terraform layout * Remove redundant export * Improvements on security screen * Remove duplicated border * Add message when there are no vunerabilities * Add message when there are no scan failures * Update messages * Update install buttons * Use outlet context * Use select as version picker * Add installed chip * Add comment * Fix console errors * Other styling improvements * Other styling improvements * Lint * Fill viewport * Packages improvements (#382) * Add back to packages button instead of breadcrumbs * Redesign vulnerability list * Put back button in scrollable container * Add gap between vulnerability properties * Use const width for first column * Use pointer cursor * Packages improvements (#383) * Add collapse icon * Fix linting issues * Add legend * Grid layout (#378) * Add RepositorySideNav * Edit vscode settings * Remove an anchor * Design some more * More layout design * Implement SideCar * Delete RepositoryHeader * Add icons * Update deps * And here goes the final grid * Finish feature * Update deps * Update deps * Lint * Move layout components to their own files * Update deps * Rework layout to adapt to changes * Break words on RepositorySidecar * Fix InstallDropdownButton caret * Add RepositorySideCarCollapsed * Add Marketplace Layout * Remove vscode dir * Add typescript linter (#384) * Add new linter config * Lint * Update after review * Package improvements (#385) * Update deps (#389) * Packages improvements (#392) * Put scan failures in scrollable container * Change scroll container * Add margin for hide button * Reduce content padding * Fix typo * Do not force container height * Redesign update queue * Use new chips * Move date component to utils and reuse it in update queue * Fix markeplace layout (#388) * Fix markeplace layout * Design fixes * Fix marketplace layout bug * Add input margin * ENG-310 - Redesign cluster view (#387) * fix graphql * Redesign cluster view * Revert cluster.js * Update clusters view * Bump design system * Use responsive layout and update logic * Revert change * Compensate for the missing right border * Fix lint * Fix unit tests Co-authored-by: michaeljguarino <mjg@plural.sh> * My profile refinement (#393) * Use design system's page title component * Redesign EAB credentials * Fix list item borders when there is only one element * Redesign public keys * Set 896px width for ResponsiveLayoutContentContainer * Redesign access tokens * Add banner messages * Add zero state * Fix console errors * Redesign security * Redesign profile * Finish profile redesign * Layout refactoring * Fix alignment issue * Fix console error * Add reset functionality * Remove debug leftover * Remove duplicated file and update imports * Format files * Design improvements (#401) * Add empty states and other design improvements (#403) * ENG-311 - Repository refinement (#399) * Initial commit * Improve OIDC view, toasts and more * Use content card * Use PageTitle where applicable * Update tests view * Fix an issue with scroller and add xterm theme * Revert to token for tag input * Fix redirect urls width * Fix unit tests * Lint fixes * Fix lint issues, improve toasts and more * New notifications system (#396) * Update deps * Add new notifications system * Update deps * Add empty state * Setup Firebase hosting for plural Should provide support for pr-based preview envs * Add run and entryPoint to workflow * Use yarn * Remove entrypoint * fix apiHost function for firebase * disable service worker on previews * Update design system and add ThemeProvider for new styled-components theme (#412) Fix some TS and lint errors Update design system * Fix build issue (#414) * Lint * Redesign package version picker (#409) * Use code and markdown components (#424) * Update dependencies * Replace markdown components * Replace code components * Login view refinement (#425) * ENG-481/ENG-310 - Use new select component on clusters view (#417) * Add cluster selector * Use looping logo and bump design system * Fix lint * Update cloud shell init styling * Update cloud shell build * Use onboarding wrapper only * Design improvements (#430) * Bump design system version * Set main branch for repo description * Change highlight.js theme to base16/rebecca * Set scrollable areas in my profile views * Adjust "read more" & "hide" shifting * Adjust tests bottom padding * Make dependencies graph smaller * Use secondary button as back button * Redesign packages button group * ENG-480 - Update login view and skip demo button styling (#429) * Update login view and skip demo button styling * Fix lint * Review updates * Design improvements (#433) * Bump design system version * Bump design system version * Use sub tabs in repo packages view * Use sub tab in chart dependencies view * Use sub tabs in geodistribution view * Use the same component for go back links * Minor styling adjustments * Remove unused imports * Add small padding to outlet to make sure outline will not be hidden * Update empty readme message * Redesign packages filter * Add empty state messages for packages * Set content as scrollable not whole page * Start Docker image redesign * Redesign range picker * Redesign public switch * Restore vulnerability view * Update header and empty message * Redesign vulnerabilities table * Redesign vulnerability details * Improve scroll * Fix go back link * Update graph tooltip * Minor adjustments * Adjust graph ticks * Ensure user stays on the same view when switching tag * fix yarn lock * fix lint Co-authored-by: Chris Klink <85062+dogmar@users.noreply.github.com> Co-authored-by: Marcin Maciaszczyk <marcin@plural.sh> Co-authored-by: Sebastian Florek <sebastian@plural.sh> Co-authored-by: michaeljguarino <mjg@plural.sh> Co-authored-by: Marcin Maciaszczyk <marcin9yk@icloud.com> Co-authored-by: michaeljguarino <mguarino46@gmail.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Linear
Figma
Mostly done, only waiting for the select component from the design system. I haven't removed the
clusters.jsfile as it might still be useful until this is fully finished. We should be able to merge this to the branch and add select when it's ready.Test Plan
Locally
Checklist