[No QA] Add missing displayName. Remove unnecessary displayName.

src/components/AttachmentPicker/index.native.js

@@ -303,7 +303,7 @@ class AttachmentPicker extends Component {
 
 AttachmentPicker.propTypes = propTypes;
 AttachmentPicker.defaultProps = defaultProps;
-AttachmentPicker.displayName = 'AttachmentPicker';
+
 export default compose(
     withWindowDimensions,
     withLocalize,

src/components/AvatarWithIndicator.js

@@ -90,5 +90,4 @@ class AvatarWithIndicator extends PureComponent {
 
 AvatarWithIndicator.defaultProps = defaultProps;
 AvatarWithIndicator.propTypes = propTypes;
-AvatarWithIndicator.displayName = 'AvatarWithIndicator';
 export default AvatarWithIndicator;

src/components/Button.js

@@ -188,6 +188,5 @@ class Button extends Component {
 
 Button.propTypes = propTypes;
 Button.defaultProps = defaultProps;
-Button.displayName = 'Button';
 
 export default Button;

src/components/ButtonWithMenu.js

@@ -104,6 +104,5 @@ class ButtonWithMenu extends PureComponent {
 
 ButtonWithMenu.propTypes = propTypes;
 ButtonWithMenu.defaultProps = defaultProps;
-ButtonWithMenu.displayName = 'ButtonWithMenu';
 
 export default ButtonWithMenu;

src/components/CardOverlay.js

@@ -3,5 +3,6 @@ import {View} from 'react-native';
 import styles from '../styles/styles';
 
 const CardOverlay = () => <View style={styles.cardOverlay} />;
+CardOverlay.displayName = 'CardOverlay';
 
 export default CardOverlay;

src/components/ContextMenuItem.js

@@ -114,6 +114,5 @@ class ContextMenuItem extends Component {
 
 ContextMenuItem.propTypes = propTypes;
 ContextMenuItem.defaultProps = defaultProps;
-ContextMenuItem.displayName = 'ContextMenuItem';
 
 export default ContextMenuItem;

src/components/DisplayNames/index.js

@@ -123,6 +123,5 @@ class DisplayNames extends PureComponent {
 }
 DisplayNames.propTypes = propTypes;
 DisplayNames.defaultProps = defaultProps;
-DisplayNames.displayName = 'DisplayNames';
 
 export default DisplayNames;

src/components/FAB/index.ios.js

@@ -7,13 +7,12 @@ import FAB from './FAB';
 import fabPropTypes from './fabPropTypes';
 
 // KeyboardAvoidingView only need in IOS so that's the reason make platform specific FAB component.
-function Fab({onPress, isActive}) {
-    return (
-        <KeyboardAvoidingView behavior="position">
-            <FAB onPress={onPress} isActive={isActive} />
-        </KeyboardAvoidingView>
-    );
-}
+const Fab = ({onPress, isActive}) => (
+    <KeyboardAvoidingView behavior="position">
+        <FAB onPress={onPress} isActive={isActive} />
+    </KeyboardAvoidingView>
+);
 
 Fab.propTypes = fabPropTypes;
+Fab.displayName = 'Fab';
 export default Fab;

src/components/FormAlertWithSubmitButton.js

@@ -121,4 +121,6 @@ const FormAlertWithSubmitButton = ({
 
 FormAlertWithSubmitButton.propTypes = propTypes;
 FormAlertWithSubmitButton.defaultProps = defaultProps;
+FormAlertWithSubmitButton.displayName = 'FormAlertWithSubmitButton';
+
 export default withLocalize(FormAlertWithSubmitButton);

src/components/Header.js

@@ -21,8 +21,6 @@ const defaultProps = {
     subtitle: '',
 };
 const Header = props => (
-
-
     <View style={[styles.flex1, styles.flexRow]}>
         <View style={[styles.flex1, styles.flexColumn]}>
             <Text numberOfLines={2} style={[styles.headerText, styles.textLarge]}>

src/components/Hoverable/index.native.js

@@ -19,5 +19,6 @@ const Hoverable = (props) => {
 
 Hoverable.propTypes = propTypes;
 Hoverable.defaultProps = defaultProps;
+Hoverable.displayName = 'Hoverable';
 
 export default Hoverable;

src/components/IOUConfirmationList.js

@@ -447,7 +447,6 @@ class IOUConfirmationList extends Component {
     }
 }
 
-IOUConfirmationList.displayName = 'IOUConfirmPage';
 IOUConfirmationList.propTypes = propTypes;
 IOUConfirmationList.defaultProps = defaultProps;
 

src/components/ImageView/index.native.js

@@ -139,6 +139,5 @@ class ImageView extends PureComponent {
 }
 
 ImageView.propTypes = propTypes;
-ImageView.displayName = 'ImageView';
 
 export default withWindowDimensions(ImageView);

src/components/Modal/BaseModal.js

@@ -146,7 +146,7 @@ class BaseModal extends PureComponent {
 
 BaseModal.propTypes = propTypes;
 BaseModal.defaultProps = defaultProps;
-BaseModal.displayName = 'BaseModal';
+
 export default React.forwardRef((props, ref) => (
     // eslint-disable-next-line react/jsx-props-no-spreading
     <BaseModal {...props} forwardedRef={ref} />

src/components/Modal/index.js

@@ -45,5 +45,5 @@ class Modal extends Component {
 
 Modal.propTypes = propTypes;
 Modal.defaultProps = defaultProps;
-Modal.displayName = 'Modal';
+
 export default withWindowDimensions(Modal);

src/components/ReportTransaction.js

@@ -119,7 +119,6 @@ class ReportTransaction extends Component {
     }
 }
 
-ReportTransaction.displayName = 'ReportTransaction';
 ReportTransaction.defaultProps = defaultProps;
 ReportTransaction.propTypes = propTypes;
 export default withOnyx({

src/components/ScreenWrapper.js

@@ -128,7 +128,7 @@ class ScreenWrapper extends React.Component {
 
 ScreenWrapper.propTypes = propTypes;
 ScreenWrapper.defaultProps = defaultProps;
-ScreenWrapper.displayName = 'ScreenWrapper';
+
 export default compose(
     withNavigation,
     withOnyx({

src/components/SwipeableView/index.native.js

@@ -44,5 +44,5 @@ class SwipeableView extends PureComponent {
 }
 
 SwipeableView.propTypes = propTypes;
-SwipeableView.displayName = 'SwipeableView';
+
 export default SwipeableView;

src/components/Switch.js

@@ -52,6 +52,5 @@ class Switch extends Component {
 }
 
 Switch.propTypes = propTypes;
-Switch.displayName = 'Switch';
 
 export default Switch;

src/components/TextInputFocusable/index.ios.js

@@ -84,7 +84,6 @@ class TextInputFocusable extends React.Component {
     }
 }
 
-TextInputFocusable.displayName = 'TextInputFocusable';
 TextInputFocusable.propTypes = propTypes;
 TextInputFocusable.defaultProps = defaultProps;
 

src/components/VideoChatButtonAndMenu.js

@@ -144,7 +144,7 @@ class VideoChatButtonAndMenu extends Component {
 
 VideoChatButtonAndMenu.propTypes = propTypes;
 VideoChatButtonAndMenu.defaultProps = defaultProps;
-VideoChatButtonAndMenu.displayName = 'VideoChatButtonAndMenu';
+
 export default compose(
     withWindowDimensions,
     withLocalize,

src/libs/Navigation/AppNavigator/MainDrawerNavigator.js

@@ -29,7 +29,6 @@ const defaultProps = {
     betas: [],
 };
 
-
 /**
  * Get the most recently accessed report for the user
  *

src/libs/Navigation/AppNavigator/PublicScreens.js

@@ -8,7 +8,7 @@ import defaultScreenOptions from './defaultScreenOptions';
 
 const RootStack = createStackNavigator();
 
-export default () => (
+const PublicScreens = () => (
     <RootStack.Navigator>
         <RootStack.Screen
             name={SCREENS.HOME}
@@ -27,3 +27,6 @@ export default () => (
         />
     </RootStack.Navigator>
 );
+
+PublicScreens.displayName = 'PublicScreens';
+export default PublicScreens;

src/libs/Navigation/AppNavigator/createCustomModalStackNavigator.js

@@ -6,6 +6,10 @@ import {StackRouter} from '@react-navigation/routers';
 import {StackView} from '@react-navigation/stack';
 import ClickAwayHandler from './ClickAwayHandler';
 
+const propTypes = {
+    children: PropTypes.node.isRequired,
+};
+
 const CustomRootStackNavigator = ({
     children,
     ...rest
@@ -35,8 +39,7 @@ const CustomRootStackNavigator = ({
     );
 };
 
-CustomRootStackNavigator.propTypes = {
-    children: PropTypes.node.isRequired,
-};
+CustomRootStackNavigator.propTypes = propTypes;
+CustomRootStackNavigator.displayName = 'CustomRootStackNavigator';
 
 export default createNavigatorFactory(CustomRootStackNavigator);

src/pages/AddPersonalBankAccountPage.js

@@ -28,4 +28,5 @@ const AddPersonalBankAccountPage = props => (
 );
 
 AddPersonalBankAccountPage.propTypes = propTypes;
+AddPersonalBankAccountPage.displayName = 'AddPersonalBankAccountPage';
 export default withLocalize(AddPersonalBankAccountPage);

src/pages/NotFound.js

@@ -12,6 +12,10 @@ import ROUTES from '../ROUTES';
 import withLocalize, {withLocalizePropTypes} from '../components/withLocalize';
 import Text from '../components/Text';
 
+const propTypes = {
+    ...withLocalizePropTypes,
+};
+
 const NotFound = ({translations: {translate}}) => (
     <>
         <SafeAreaView
@@ -37,6 +41,6 @@ const NotFound = ({translations: {translate}}) => (
     </>
 );
 
-NotFound.propTypes = {...withLocalizePropTypes};
-
+NotFound.propTypes = propTypes;
+NotFound.displayName = 'NotFound';
 export default withLocalize(NotFound);

src/pages/ReimbursementAccount/IdentityForm.js

@@ -145,4 +145,5 @@ const IdentityForm = ({
 
 IdentityForm.propTypes = propTypes;
 IdentityForm.defaultProps = defaultProps;
+IdentityForm.displayName = 'IdentityForm';
 export default withLocalize(IdentityForm);

src/pages/ReimbursementAccount/RequestorStep.js

@@ -272,7 +272,6 @@ class RequestorStep extends React.Component {
 }
 
 RequestorStep.propTypes = propTypes;
-RequestorStep.displayName = 'RequestorStep';
 
 export default compose(
     withLocalize,

src/pages/ReportDetailsPage.js

@@ -204,7 +204,6 @@ class ReportDetailsPage extends Component {
     }
 }
 
-ReportDetailsPage.displayName = 'ReportDetailsPage';
 ReportDetailsPage.propTypes = propTypes;
 
 export default compose(

src/pages/ReportParticipantsPage.js

@@ -121,7 +121,7 @@ const ReportParticipantsPage = ({
 };
 
 ReportParticipantsPage.propTypes = propTypes;
-ReportParticipantsPage.displayName = 'ParticipantsPage';
+ReportParticipantsPage.displayName = 'ReportParticipantsPage';
 
 export default compose(
     withLocalize,

src/pages/RequestCallPage.js

@@ -252,8 +252,8 @@ class RequestCallPage extends Component {
     }
 }
 
-RequestCallPage.displayName = 'RequestCallPage';
 RequestCallPage.propTypes = propTypes;
+
 export default compose(
     withLocalize,
     withOnyx({

src/pages/SearchPage.js

@@ -190,7 +190,6 @@ class SearchPage extends Component {
 }
 
 SearchPage.propTypes = propTypes;
-SearchPage.displayName = 'SearchPage';
 
 export default compose(
     withLocalize,

src/pages/home/report/ContextMenu/PopoverReportActionContextMenu.js

@@ -286,6 +286,5 @@ class PopoverReportActionContextMenu extends React.Component {
 }
 
 PopoverReportActionContextMenu.propTypes = propTypes;
-PopoverReportActionContextMenu.displayName = 'PopoverReportActionContextMenu';
 
 export default withLocalize(PopoverReportActionContextMenu);

src/pages/home/report/MarkerBadge/index.js

@@ -120,6 +120,5 @@ class MarkerBadge extends PureComponent {
 
 MarkerBadge.propTypes = propTypes;
 MarkerBadge.defaultProps = defaultProps;
-MarkerBadge.displayName = 'MarkerBadge';
 
 export default withLocalize(MarkerBadge);

src/pages/home/report/ReportActionItemFragment.js

@@ -120,7 +120,6 @@ class ReportActionItemFragment extends React.PureComponent {
 
 ReportActionItemFragment.propTypes = propTypes;
 ReportActionItemFragment.defaultProps = defaultProps;
-ReportActionItemFragment.displayName = 'ReportActionItemFragment';
 
 export default compose(
     withWindowDimensions,

src/pages/home/report/ReportActionItemGrouped.js

@@ -17,4 +17,5 @@ const ReportActionItemGrouped = ({children}) => (
 );
 
 ReportActionItemGrouped.propTypes = propTypes;
+ReportActionItemGrouped.displayName = 'ReportActionItemGrouped';
 export default ReportActionItemGrouped;

src/pages/home/report/ReportTypingIndicator.js

@@ -104,7 +104,6 @@ class ReportTypingIndicator extends React.Component {
 
 ReportTypingIndicator.propTypes = propTypes;
 ReportTypingIndicator.defaultProps = defaultProps;
-ReportTypingIndicator.displayName = 'ReportTypingIndicator';
 
 export default compose(
     withLocalize,

src/pages/iou/IOUBillPage.js

@@ -2,4 +2,6 @@ import React from 'react';
 import IOUModal from './IOUModal';
 
 // eslint-disable-next-line react/jsx-props-no-spreading
-export default props => <IOUModal {...props} hasMultipleParticipants />;
+const IOUBillPage = props => <IOUModal {...props} hasMultipleParticipants />;
+IOUBillPage.displayName = 'IOUBillPage';
+export default IOUBillPage;

src/pages/iou/IOUCurrencySelection.js

@@ -232,7 +232,6 @@ class IOUCurrencySelection extends Component {
 
 IOUCurrencySelection.propTypes = propTypes;
 IOUCurrencySelection.defaultProps = defaultProps;
-IOUCurrencySelection.displayName = 'IOUCurrencySelection';
 
 export default compose(
     withLocalize,

src/pages/iou/IOUModal.js

@@ -371,7 +371,6 @@ class IOUModal extends Component {
 
 IOUModal.propTypes = propTypes;
 IOUModal.defaultProps = defaultProps;
-IOUModal.displayName = 'IOUModal';
 
 export default compose(
     withLocalize,

src/pages/iou/IOURequestPage.js

@@ -2,4 +2,6 @@ import React from 'react';
 import IOUModal from './IOUModal';
 
 // eslint-disable-next-line react/jsx-props-no-spreading
-export default props => <IOUModal {...props} />;
+const IOURequestPage = props => <IOUModal {...props} />;
+IOURequestPage.displayName = 'IOURequestPage';
+export default IOURequestPage;

src/pages/iou/IOUSendPage.js

@@ -3,4 +3,6 @@ import CONST from '../../CONST';
 import IOUModal from './IOUModal';
 
 // eslint-disable-next-line react/jsx-props-no-spreading
-export default props => <IOUModal {...props} iouType={CONST.IOU.IOU_TYPE.SEND} />;
+const IOUSendPage = props => <IOUModal {...props} iouType={CONST.IOU.IOU_TYPE.SEND} />;
+IOUSendPage.displayName = 'IOUSendPage';
+export default IOUSendPage;

src/pages/iou/steps/IOUAmountPage.js

@@ -222,7 +222,6 @@ class IOUAmountPage extends React.Component {
     }
 }
 
-IOUAmountPage.displayName = 'IOUAmountPage';
 IOUAmountPage.propTypes = propTypes;
 IOUAmountPage.defaultProps = defaultProps;
 

src/pages/iou/steps/IOUParticipantsPage/IOUParticipantsRequest.js

@@ -144,7 +144,6 @@ class IOUParticipantsRequest extends Component {
     }
 }
 
-IOUParticipantsRequest.displayName = 'IOUParticipantsRequest';
 IOUParticipantsRequest.propTypes = propTypes;
 
 export default compose(

src/pages/settings/AddSecondaryLoginPage.js

@@ -164,7 +164,6 @@ class AddSecondaryLoginPage extends Component {
 
 AddSecondaryLoginPage.propTypes = propTypes;
 AddSecondaryLoginPage.defaultProps = defaultProps;
-AddSecondaryLoginPage.displayName = 'AddSecondaryLoginPage';
 
 export default compose(
     withLocalize,