CRNS-49 and CRNS-50: Adding proptypes for some missed components

Author: vishalnarkhede

src/components/CommandsItem.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Text } from 'react-native';
 import styled from '@stream-io/styled-components';
+import PropTypes from 'prop-types';
 
 const Container = styled.View`
   flex-direction: column;
@@ -20,6 +21,12 @@ const Title = styled.Text`
 `;
 
 export class CommandsItem extends React.Component {
+  static propTypes = {
+    name: PropTypes.string,
+    args: PropTypes.string,
+    description: PropTypes.string,
+  };
+
   render() {
     const {
       item: { name, args, description },

src/components/DateSeparator.js

@@ -2,6 +2,7 @@ import React from 'react';
 import styled from '@stream-io/styled-components';
 import Moment from 'moment';
 import { themed } from '../styles/theme';
+import PropTypes from 'prop-types';
 
 const Container = styled.View`
   display: flex;
@@ -45,6 +46,11 @@ const Date = styled.Text`
 
 export const DateSeparator = themed(
   class DateSeparator extends React.PureComponent {
+    static propTypes = {
+      message: PropTypes.object.isRequired,
+      formatDate: PropTypes.func,
+    };
+
     static themePath = 'messageList.dateSeparator';
 
     render() {

src/components/EventIndicator.js

@@ -2,6 +2,7 @@ import React from 'react';
 import styled from '@stream-io/styled-components';
 import Moment from 'moment';
 import { Avatar } from './Avatar';
+import PropTypes from 'prop-types';
 
 const Date = styled.Text`
   font-size: 10;
@@ -58,4 +59,8 @@ const EventIndicator = ({ event }) => {
   return null;
 };
 
+EventIndicator.propTypes = {
+  event: PropTypes.object,
+};
+
 export { EventIndicator };

src/components/IconSquare.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { View, TouchableOpacity, Image } from 'react-native';
+import PropTypes from 'prop-types';
 
 export const IconSquare = ({ icon, onPress }) => {
   if (onPress)
@@ -28,3 +29,8 @@ export const IconSquare = ({ icon, onPress }) => {
       </View>
     );
 };
+
+IconSquare.propTypes = {
+  icon: PropTypes.string,
+  onPress: PropTypes.func,
+};

src/components/LoadingErrorIndicator.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Text } from 'react-native';
+import PropTypes from 'prop-types';
 
 export const LoadingErrorIndicator = ({ listType }) => {
   let Loader;
@@ -17,3 +18,7 @@ export const LoadingErrorIndicator = ({ listType }) => {
 
   return Loader;
 };
+
+LoadingErrorIndicator.propTypes = {
+  listType: PropTypes.oneOf(['channel', 'message', 'default']),
+};

src/components/MentionsItem.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Avatar } from './Avatar';
+import PropTypes from 'prop-types';
 
 import styled from '@stream-io/styled-components';
 import { themed } from '../styles/theme';
@@ -34,3 +35,9 @@ export const MentionsItem = themed(
     }
   },
 );
+
+MentionsItem.propTypes = {
+  name: PropTypes.string,
+  icon: PropTypes.string,
+  id: PropTypes.string,
+};

src/components/SuggestionsProvider.js

@@ -4,6 +4,7 @@ import { View, FlatList, findNodeHandle } from 'react-native';
 import { SuggestionsContext } from '../context';
 
 import styled from '@stream-io/styled-components';
+import PropTypes from 'prop-types';
 
 const Wrapper = styled.TouchableOpacity`
   position: absolute;
@@ -164,6 +165,15 @@ class SuggestionsView extends React.PureComponent {
     super(props);
   }
 
+  static propTypes = {
+    active: PropTypes.bool,
+    marginLeft: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    suggestions: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    backdropHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    handleDismiss: PropTypes.func,
+    suggestionsTitle: PropTypes.string,
+  };
   renderHeader = () => <SuggestionsHeader />;
   renderItem = ({ item }) => {
     const {