diff options
author | Zuul <zuul@review.opendev.org> | 2023-05-03 00:30:33 +0000 |
---|---|---|
committer | Gerrit Code Review <review@openstack.org> | 2023-05-03 00:30:33 +0000 |
commit | 51194abf561de04972996199d825613a94cd3b2f (patch) | |
tree | ad759bc813af0bb716135251da1e54135748c276 /web/src/pages/Jobs.jsx | |
parent | bbdbe81790f4926e5e00085309589a2c52e5230b (diff) | |
parent | 59cd5de78baa31150958e6d0d6733407c0e95805 (diff) | |
download | zuul-51194abf561de04972996199d825613a94cd3b2f.tar.gz |
Merge "web: add dark mode and theme selection"
Diffstat (limited to 'web/src/pages/Jobs.jsx')
-rw-r--r-- | web/src/pages/Jobs.jsx | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/web/src/pages/Jobs.jsx b/web/src/pages/Jobs.jsx index d0b6a1466..6484b6f48 100644 --- a/web/src/pages/Jobs.jsx +++ b/web/src/pages/Jobs.jsx @@ -26,7 +26,8 @@ class JobsPage extends React.Component { static propTypes = { tenant: PropTypes.object, remoteData: PropTypes.object, - dispatch: PropTypes.func + dispatch: PropTypes.func, + preferences: PropTypes.object, } updateData = (force) => { @@ -51,8 +52,8 @@ class JobsPage extends React.Component { const jobs = remoteData.jobs[this.props.tenant.name] return ( - <PageSection variant={PageSectionVariants.light}> - <PageSection style={{paddingRight: '5px'}}> + <PageSection variant={this.props.preferences.darkMode ? PageSectionVariants.dark : PageSectionVariants.light}> + <PageSection variant={PageSectionVariants.light} style={{paddingRight: '5px'}}> <Fetchable isFetching={remoteData.isFetching} fetchCallback={this.updateData} @@ -70,4 +71,5 @@ class JobsPage extends React.Component { export default connect(state => ({ tenant: state.tenant, remoteData: state.jobs, + preferences: state.preferences, }))(JobsPage) |