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

Packages redesign #415

Merged
merged 42 commits into from
Aug 19, 2022
Merged

Packages redesign #415

merged 42 commits into from
Aug 19, 2022

Conversation

dherault
Copy link
Contributor

WIP

Summary

Labels

Test Plan

Checklist

  • If required, I have updated the Plural documentation accordingly.
  • I have added tests to cover my changes.
  • I have added a meaningful title and summary to convey the impact of this PR to a user.
  • I have added relevant labels to this PR to help with categorization for release notes.

dogmar and others added 28 commits July 21, 2022 08:54
* 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 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
* 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
* Add collapse icon

* Fix linting issues

* Add legend
* 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 new linter config

* Lint

* Update after review
* 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

* Design fixes

* Fix marketplace layout bug

* Add input margin
* 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>
* 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
* 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
* Update deps

* Add new notifications system

* Update deps

* Add empty state
Should provide support for pr-based preview envs
…theme (#412)

Fix some TS and lint errors

Update design system
@dherault dherault added enhancement New feature or request dependencies Pull requests that update a dependency file labels Aug 10, 2022
@dherault dherault added the frontend Changes related to the frontend label Aug 10, 2022
@dherault dherault requested a review from a team August 10, 2022 13:00
@dherault dherault marked this pull request as ready for review August 10, 2022 13:00
@dherault
Copy link
Contributor Author

YES the preview has triggered. #381

@github-actions
Copy link
Contributor

github-actions bot commented Aug 10, 2022

Visit the preview URL for this PR (updated for commit 8917285):

https://pluralsh--pr415-packages-redesign-j0bj9q1k.web.app

(expires Fri, 26 Aug 2022 16:26:22 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

dherault and others added 7 commits August 10, 2022 16:15
* Update dependencies

* Replace markdown components

* Replace code components
* 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
maciaszczykm and others added 6 commits August 17, 2022 15:52
* 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
* Update login view and skip demo button styling

* Fix lint

* Review updates
* 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
@michaeljguarino michaeljguarino merged commit a7a0741 into master Aug 19, 2022
@michaeljguarino michaeljguarino deleted the packages-redesign branch August 19, 2022 16:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dependencies Pull requests that update a dependency file enhancement New feature or request frontend Changes related to the frontend
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants