MM 20404 Migrate 'components/announcement_bar/version_bar' module and…

… associated tests to TypeScript (#6976) * MM-20404 * MM-20404 Migrate 'components/announcement_bar/version_bar' module and associated tests to TypeScript * fix lint * MM-20404 Migrate 'components/announcement_bar/version_bar' module and associated tests to TypeScript * fix linter Co-authored-by: Mattermod <mattermod@users.noreply.github.com>
mattermost · Nov 13, 2020 · a23102d · a23102d
1 parent 8deb1ff
commit a23102d
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 10 deletions.
diff --git a/...r/__snapshots__/version_bar.test.jsx.snap → ...r/__snapshots__/version_bar.test.tsx.snap b/...r/__snapshots__/version_bar.test.jsx.snap → ...r/__snapshots__/version_bar.test.tsx.snap
diff --git a/...nts/announcement_bar/version_bar/index.js → ...nts/announcement_bar/version_bar/index.ts b/...nts/announcement_bar/version_bar/index.js → ...nts/announcement_bar/version_bar/index.ts
@@ -3,9 +3,11 @@
 
 import {connect} from 'react-redux';
 
-import VersionBar from './version_bar.jsx';
+import {GlobalState} from 'mattermost-redux/types/store';
 
-function mapStateToProps(state) {
+import VersionBar from './version_bar';
+
+function mapStateToProps(state:GlobalState) {
     return {
         serverVersion: state.entities.general.serverVersion,
     };

diff --git a/...ment_bar/version_bar/version_bar.test.jsx → ...ment_bar/version_bar/version_bar.test.tsx b/...ment_bar/version_bar/version_bar.test.jsx → ...ment_bar/version_bar/version_bar.test.tsx
@@ -4,7 +4,7 @@
 import React from 'react';
 import {shallow} from 'enzyme';
 
-import VersionBar from 'components/announcement_bar/version_bar/version_bar.jsx';
+import VersionBar from 'components/announcement_bar/version_bar/version_bar';
 import AnnouncementBar from 'components/announcement_bar/default_announcement_bar';
 
 describe('components/VersionBar', () => {

diff --git a/...ouncement_bar/version_bar/version_bar.jsx → ...ouncement_bar/version_bar/version_bar.tsx b/...ouncement_bar/version_bar/version_bar.jsx → ...ouncement_bar/version_bar/version_bar.tsx
@@ -2,7 +2,6 @@
 // See LICENSE.txt for license information.
 
 import React from 'react';
-import PropTypes from 'prop-types';
 
 import {FormattedMessage} from 'react-intl';
 
@@ -11,20 +10,24 @@ import {AnnouncementBarTypes} from 'utils/constants';
 
 import AnnouncementBar from '../default_announcement_bar';
 
-export default class VersionBar extends React.PureComponent {
-    static propTypes = {
-        serverVersion: PropTypes.string,
-    };
+interface Props {
+    serverVersion: string,
+}
+
+interface State {
+    serverVersionOnAppLoad: string,
+}
 
-    constructor(props) {
+export default class VersionBar extends React.PureComponent <Props, State> {
+    constructor(props:Props) {
         super(props);
 
         this.state = {
             serverVersionOnAppLoad: props.serverVersion,
         };
     }
 
-    static getDerivedStateFromProps(props, state) {
+    static getDerivedStateFromProps(props:Props, state:State) {
         if (!state.serverVersionOnAppLoad && props.serverVersion) {
             return {
                 serverVersionOnAppLoad: props.serverVersion,