kyma-incubator / github-dashboard Goto Github PK

The overview Items are currently not separate components.

Extract the code as separate reusable component and update the OverviewPage
Acceptance Criterias:

• Component is using Props to pass the Values
• Component can use Slots to pass in the Icons

At this moment all icons are part of the html as SVG. This is not very reusable and scalable.
Come with a solution, component based, that allows for reusability of icons.

External libraries can be used, they need to be open source and support tree shaking
Fonts can also be used

At this moment we use create custom components for every icon we propose. Would be great to use an external icon library that

Acceptance criteria:

• The external library is treeshakable - unused icons are not part of the bundle
• Has option to customize colors, and icon parameters ( line width and size )
• It has an open source Licens ( MIT -preferred )
• it has to have enough icon diversity so it can cover our app needs
• replace the current icons with the external ones
• (optional) uses Vue 3 syntax

Proposal:

• IconPark

We would like to have an overview of all the opened PR's and Issues in our assigned repos

As Graphql can be quite expensive, we need to enable caching and store the results on the client ( localstorage? )

We wan to have a search functionality that works for the Team's page, but also can be universally used for other sections. We should use the Vue3 Composition Api to allow for portability of search

The search should only use the local data from the store / component and should not make additional calls to GraphQl api

We want to have new landing page with associated menu item, that displays all open pull requests.

The pull request should be structured

• Organization - Name
  • Repo - Name
    • PR
      • id
      • title
        • Author
          • id
          • name
          • company

We will reuse the table Component used fo the teams section