diff options
| author | Fabian Mastenbroek <mail.fabianm@gmail.com> | 2021-06-03 17:57:46 +0200 |
|---|---|---|
| committer | Fabian Mastenbroek <mail.fabianm@gmail.com> | 2021-07-15 15:45:28 +0200 |
| commit | 1ab168fb80fbf3958fbadda00d1c6714cad66c86 (patch) | |
| tree | 59ed0d101b9f95d7b620777764bceee69b390392 /opendc-web/opendc-web-ui/next.config.js | |
| parent | 829be3c973f5ca837431c3ca10909412b675e668 (diff) | |
feat(ui): Add initial support for PatternFly 4 framework
This change adds support in our Next.js application for the PatternFly 4
design framework. This framework is built by RedHat and provides several
components that are useful for the space in which OpenDC operates.
Diffstat (limited to 'opendc-web/opendc-web-ui/next.config.js')
| -rw-r--r-- | opendc-web/opendc-web-ui/next.config.js | 11 |
1 files changed, 9 insertions, 2 deletions
diff --git a/opendc-web/opendc-web-ui/next.config.js b/opendc-web/opendc-web-ui/next.config.js index 97580fa0..56263c86 100644 --- a/opendc-web/opendc-web-ui/next.config.js +++ b/opendc-web/opendc-web-ui/next.config.js @@ -20,7 +20,14 @@ * SOFTWARE. */ -module.exports = { +// PatternFly 4 uses global CSS imports in its distribution files. Therefore, +// we need to transpile the modules before we can use them. +const withTM = require('next-transpile-modules')([ + '@patternfly/react-core', + '@patternfly/react-styles', +]) + +module.exports = withTM({ reactStrictMode: true, experimental: { eslint: true, @@ -34,4 +41,4 @@ module.exports = { }, ] }, -} +}) |