diff options
| author | Fabian Mastenbroek <mail.fabianm@gmail.com> | 2022-09-15 22:52:00 +0200 |
|---|---|---|
| committer | Fabian Mastenbroek <mail.fabianm@gmail.com> | 2022-09-20 16:07:06 +0200 |
| commit | 98bc4c3e9458aea98890b770493f14327a7bc7c4 (patch) | |
| tree | 201d23874b21a9e9006e5a9e4d8edacd8868acc5 /opendc-web/opendc-web-ui/src/pages | |
| parent | 7199e2c15838d78fedd3c6127beddf1656dbeae2 (diff) | |
refactor(web/ui): Use PatternFly Charts for plots
This change updates the OpenDC web interface to use the PatternFly
Charts package to render the results of a portfolio. Previously, we used
Recharts, but this package does not support SSR, whereas the PatternFly
Charts package matches our design framework.
Diffstat (limited to 'opendc-web/opendc-web-ui/src/pages')
| -rw-r--r-- | opendc-web/opendc-web-ui/src/pages/projects/[project]/portfolios/[portfolio].js | 3 |
1 files changed, 1 insertions, 2 deletions
diff --git a/opendc-web/opendc-web-ui/src/pages/projects/[project]/portfolios/[portfolio].js b/opendc-web/opendc-web-ui/src/pages/projects/[project]/portfolios/[portfolio].js index 460785c1..615529e7 100644 --- a/opendc-web/opendc-web-ui/src/pages/projects/[project]/portfolios/[portfolio].js +++ b/opendc-web/opendc-web-ui/src/pages/projects/[project]/portfolios/[portfolio].js @@ -58,7 +58,6 @@ function Portfolio() { const resultsRef = useRef(null) const { data: portfolio } = usePortfolio(projectId, portfolioNumber) - const project = portfolio?.project const breadcrumb = ( <Breadcrumb> @@ -94,7 +93,7 @@ function Portfolio() { <Text component="h1">Portfolio</Text> </TextContent> </PageSection> - <PageSection type="none" variant={PageSectionVariants.light} className="pf-c-page__main-tabs" sticky="top"> + <PageSection type="tabs" variant={PageSectionVariants.light} stickyOnBreakpoint={{ default: 'top' }}> <Divider component="div" /> <Tabs defaultActiveKey={0} className="pf-m-page-insets"> <Tab |