Migrate ReportActionItemBasicMessage.js to TypeScript

Expensify · Dec 1, 2023 · 545f4af · 545f4af
1 parent dad6391
commit 545f4af
Showing 1 changed file with 6 additions and 13 deletions.
diff --git a/...me/report/ReportActionItemBasicMessage.js → ...e/report/ReportActionItemBasicMessage.tsx b/...me/report/ReportActionItemBasicMessage.js → ...e/report/ReportActionItemBasicMessage.tsx
@@ -1,30 +1,23 @@
-import PropTypes from 'prop-types';
 import React from 'react';
 import {View} from 'react-native';
 import Text from '@components/Text';
 import useThemeStyles from '@styles/useThemeStyles';
+import ChildrenProps from '@src/types/utils/ChildrenProps';
 
-const propTypes = {
-    message: PropTypes.string.isRequired,
-    children: PropTypes.element,
+type ReportActionItemBasicMessageProps = ChildrenProps & {
+    message: string;
 };
 
-const defaultProps = {
-    children: null,
-};
-
-function ReportActionItemBasicMessage(props) {
+function ReportActionItemBasicMessage({message, children}: ReportActionItemBasicMessageProps) {
     const styles = useThemeStyles();
     return (
         <View>
-            <Text style={[styles.chatItemMessage, styles.colorMuted]}>{props.message}</Text>
-            {props.children}
+            <Text style={[styles.chatItemMessage, styles.colorMuted]}>{message}</Text>
+            {children}
         </View>
     );
 }
 
-ReportActionItemBasicMessage.propTypes = propTypes;
-ReportActionItemBasicMessage.defaultProps = defaultProps;
 ReportActionItemBasicMessage.displayName = 'ReportActionBasicMessage';
 
 export default ReportActionItemBasicMessage;