0fea052a9b
* Upgrade Electron to v18 * Fix a test * Upgrade ESLint and TypeScript * Update Joi * Clean up and upgrade dependencies * Upgrade dev dependencies * Upgrade to Webpack 5 * Update NOTICE.txt * Update test runtime
50 lines
1.3 KiB
TypeScript
50 lines
1.3 KiB
TypeScript
// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import React from 'react';
|
|
import {Row, Button} from 'react-bootstrap';
|
|
|
|
type Props = {
|
|
darkMode?: boolean;
|
|
goBack?: () => void;
|
|
show?: boolean;
|
|
};
|
|
|
|
export default class ExtraBar extends React.PureComponent<Props> {
|
|
handleBack = () => {
|
|
if (this.props.goBack) {
|
|
this.props.goBack();
|
|
}
|
|
}
|
|
render() {
|
|
let barClass = 'clear-mode';
|
|
if (!this.props.show) {
|
|
barClass = 'hidden';
|
|
} else if (this.props.darkMode) {
|
|
barClass = 'dark-mode';
|
|
}
|
|
|
|
return (
|
|
<Row
|
|
id={'extra-bar'}
|
|
className={barClass}
|
|
>
|
|
<div
|
|
className={'container-fluid'}
|
|
onClick={this.handleBack}
|
|
>
|
|
<Button
|
|
variant={'link'}
|
|
size={'sm'}
|
|
>
|
|
<span className={'backIcon icon-arrow-left'}/>
|
|
<span className={'backLabel'}>
|
|
{'Back'}
|
|
</span>
|
|
</Button>
|
|
</div>
|
|
</Row>
|
|
);
|
|
}
|
|
}
|