diff options
Diffstat (limited to 'web/src/pages/Semaphore.jsx')
-rw-r--r-- | web/src/pages/Semaphore.jsx | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/web/src/pages/Semaphore.jsx b/web/src/pages/Semaphore.jsx index a0ae8ddca..2cfdfb73f 100644 --- a/web/src/pages/Semaphore.jsx +++ b/web/src/pages/Semaphore.jsx @@ -25,7 +25,7 @@ import { PageSection, PageSectionVariants } from '@patternfly/react-core' import { fetchSemaphoresIfNeeded } from '../actions/semaphores' import Semaphore from '../containers/semaphore/Semaphore' -function SemaphorePage({ match, semaphores, tenant, fetchSemaphoresIfNeeded, isFetching }) { +function SemaphorePage({ match, semaphores, tenant, fetchSemaphoresIfNeeded, isFetching, preferences }) { const semaphoreName = match.params.semaphoreName @@ -38,7 +38,7 @@ function SemaphorePage({ match, semaphores, tenant, fetchSemaphoresIfNeeded, isF e => e.name === semaphoreName) : undefined return ( - <PageSection variant={PageSectionVariants.light}> + <PageSection variant={preferences.darkMode ? PageSectionVariants.dark : PageSectionVariants.light}> <Title headingLevel="h2"> Details for Semaphore <span style={{color: 'var(--pf-global--primary-color--100)'}}>{semaphoreName}</span> </Title> @@ -55,6 +55,7 @@ SemaphorePage.propTypes = { tenant: PropTypes.object.isRequired, isFetching: PropTypes.bool.isRequired, fetchSemaphoresIfNeeded: PropTypes.func.isRequired, + preferences: PropTypes.object, } const mapDispatchToProps = { fetchSemaphoresIfNeeded } @@ -63,6 +64,7 @@ function mapStateToProps(state) { tenant: state.tenant, semaphores: state.semaphores.semaphores, isFetching: state.semaphores.isFetching, + preferences: state.preferences, } } |