Merge pull request #32671 from software-mansion-labs/ts-migration/mon…

…ey-request-header-status-bar
Expensify · Jan 2, 2024 · b9e8c54 · b9e8c54
2 parents 58f97cd + dc65680
commit b9e8c54
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/...components/MoneyRequestHeaderStatusBar.js → ...omponents/MoneyRequestHeaderStatusBar.tsx b/...components/MoneyRequestHeaderStatusBar.js → ...omponents/MoneyRequestHeaderStatusBar.tsx
@@ -1,21 +1,20 @@
-import PropTypes from 'prop-types';
 import React from 'react';
 import {View} from 'react-native';
 import useThemeStyles from '@hooks/useThemeStyles';
 import Text from './Text';
 
-const propTypes = {
+type MoneyRequestHeaderStatusBarProps = {
     /** Title displayed in badge */
-    title: PropTypes.string.isRequired,
+    title: string;
 
     /** Banner Description */
-    description: PropTypes.string.isRequired,
+    description: string;
 
     /** Whether we show the border bottom */
-    shouldShowBorderBottom: PropTypes.bool.isRequired,
+    shouldShowBorderBottom: boolean;
 };
 
-function MoneyRequestHeaderStatusBar({title, description, shouldShowBorderBottom}) {
+function MoneyRequestHeaderStatusBar({title, description, shouldShowBorderBottom}: MoneyRequestHeaderStatusBarProps) {
     const styles = useThemeStyles();
     const borderBottomStyle = shouldShowBorderBottom ? styles.borderBottom : {};
     return (
@@ -31,6 +30,5 @@ function MoneyRequestHeaderStatusBar({title, description, shouldShowBorderBottom
 }
 
 MoneyRequestHeaderStatusBar.displayName = 'MoneyRequestHeaderStatusBar';
-MoneyRequestHeaderStatusBar.propTypes = propTypes;
 
 export default MoneyRequestHeaderStatusBar;