diff options
Diffstat (limited to 'web/src/pages/Autohold.jsx')
-rw-r--r-- | web/src/pages/Autohold.jsx | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/web/src/pages/Autohold.jsx b/web/src/pages/Autohold.jsx index 0d0198b45..cc91cbcd0 100644 --- a/web/src/pages/Autohold.jsx +++ b/web/src/pages/Autohold.jsx @@ -59,6 +59,7 @@ class AutoholdPage extends React.Component { autohold: PropTypes.object, isFetching: PropTypes.bool.isRequired, fetchAutohold: PropTypes.func.isRequired, + preferences: PropTypes.object, } updateData = () => { @@ -147,7 +148,7 @@ class AutoholdPage extends React.Component { return ( <> - <PageSection variant={PageSectionVariants.light}> + <PageSection variant={this.props.preferences.darkMode ? PageSectionVariants.dark : PageSectionVariants.light}> <Title headingLevel="h2">Autohold Request {autohold.id}</Title> <Flex className="zuul-autohold-attributes"> @@ -211,7 +212,9 @@ class AutoholdPage extends React.Component { value={ <> <strong>Reason:</strong> - <pre>{autohold.reason}</pre> + <div className={this.props.preferences.darkMode ? 'zuul-console-dark' : ''}> + <pre>{autohold.reason}</pre> + </div> </> } /> @@ -221,7 +224,7 @@ class AutoholdPage extends React.Component { </Flex> </Flex> </PageSection> - <PageSection variant={PageSectionVariants.light}> + <PageSection variant={this.props.preferences.darkMode ? PageSectionVariants.dark : PageSectionVariants.light}> <Title headingLevel="h3"> <BuildIcon style={{ @@ -243,6 +246,7 @@ function mapStateToProps(state) { autohold: state.autoholds.autohold, tenant: state.tenant, isFetching: state.autoholds.isFetching, + preferences: state.preferences, } } |