diff --git a/frontend/src/Components/Page/Header/PageHeader.css b/frontend/src/Components/Page/Header/PageHeader.css index b94bd64b8..464f2eff8 100644 --- a/frontend/src/Components/Page/Header/PageHeader.css +++ b/frontend/src/Components/Page/Header/PageHeader.css @@ -37,6 +37,11 @@ flex-grow: 1; } +.version { + margin-right: 5px; + line-height: 60px; +} + .donate { composes: link from '~Components/Link/Link.css'; diff --git a/frontend/src/Components/Page/Header/PageHeader.css.d.ts b/frontend/src/Components/Page/Header/PageHeader.css.d.ts index 7a982dda7..2b1c39ced 100644 --- a/frontend/src/Components/Page/Header/PageHeader.css.d.ts +++ b/frontend/src/Components/Page/Header/PageHeader.css.d.ts @@ -8,6 +8,7 @@ interface CssExports { 'logoLink': string; 'right': string; 'sidebarToggleContainer': string; + 'version': string; } export const cssExports: CssExports; export default cssExports; diff --git a/frontend/src/Components/Page/Header/PageHeader.js b/frontend/src/Components/Page/Header/PageHeader.js index 2af052015..7e06ee1c3 100644 --- a/frontend/src/Components/Page/Header/PageHeader.js +++ b/frontend/src/Components/Page/Header/PageHeader.js @@ -46,6 +46,8 @@ class PageHeader extends Component { render() { const { + version, + isSmallScreen, onSidebarToggle } = this.props; @@ -75,6 +77,14 @@ class PageHeader extends Component {
+ { + !isSmallScreen && version ? +
+ v{version} +
: + null + } + @@ -130,6 +133,7 @@ Page.propTypes = { isDisconnected: PropTypes.bool.isRequired, enableColorImpairedMode: PropTypes.bool.isRequired, authenticationEnabled: PropTypes.bool.isRequired, + version: PropTypes.string.isRequired, onResize: PropTypes.func.isRequired, onSidebarToggle: PropTypes.func.isRequired, onSidebarVisibleChange: PropTypes.func.isRequired diff --git a/frontend/src/Components/Page/PageConnector.js b/frontend/src/Components/Page/PageConnector.js index 95416ea3c..e77e8b0ee 100644 --- a/frontend/src/Components/Page/PageConnector.js +++ b/frontend/src/Components/Page/PageConnector.js @@ -259,6 +259,7 @@ class PageConnector extends Component { dispatchFetchUISettings, dispatchFetchStatus, dispatchFetchTranslations, + version, ...otherProps } = this.props; @@ -275,6 +276,7 @@ class PageConnector extends Component { return ( ); @@ -300,6 +302,7 @@ PageConnector.propTypes = { dispatchFetchUISettings: PropTypes.func.isRequired, dispatchFetchStatus: PropTypes.func.isRequired, dispatchFetchTranslations: PropTypes.func.isRequired, + version: PropTypes.string.isRequired, onSidebarVisibleChange: PropTypes.func.isRequired };