[MM-20480] Migrate new_message_separator and its tests to typescript (#…

…6636)
mattermost · Oct 23, 2020 · 1a6896c · 1a6896c
1 parent e55046e
commit 1a6896c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/...ots__/new_message_separator.test.jsx.snap → ...ots__/new_message_separator.test.tsx.snap b/...ots__/new_message_separator.test.jsx.snap → ...ots__/new_message_separator.test.tsx.snap
diff --git a/..._separator/new_message_separator.test.jsx → ..._separator/new_message_separator.test.tsx b/..._separator/new_message_separator.test.jsx → ..._separator/new_message_separator.test.tsx
@@ -4,7 +4,7 @@
 import {shallow} from 'enzyme';
 import React from 'react';
 
-import NewMessageSeparator from './new_message_separator.jsx';
+import NewMessageSeparator from './new_message_separator';
 
 describe('components/post_view/new_message_separator', () => {
     test('should render new_message_separator', () => {

diff --git a/...ssage_separator/new_message_separator.jsx → ...ssage_separator/new_message_separator.tsx b/...ssage_separator/new_message_separator.jsx → ...ssage_separator/new_message_separator.tsx
@@ -1,18 +1,17 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import PropTypes from 'prop-types';
 import React from 'react';
 import {FormattedMessage} from 'react-intl';
 
 import NotificationSeparator from 'components/widgets/separator/notification-separator';
 
-export default class NewMessageSeparator extends React.PureComponent {
-    static propTypes = {
-        separatorId: PropTypes.string.isRequired,
-    }
+type Props = {
+    separatorId: string;
+}
 
-    render() {
+export default class NewMessageSeparator extends React.PureComponent<Props> {
+    render(): JSX.Element {
         return (
             <div className='new-separator'>
                 <NotificationSeparator id={this.props.separatorId}>