From d68827bbd12047bdff240796fb1eadb122a3eb43 Mon Sep 17 00:00:00 2001
From: Yauheni Pasiukevich <pasyukevich@live.com>
Date: Mon, 18 Dec 2023 16:55:08 +0100
Subject: [PATCH] [TS migration] Migrate 'CurrencySymbolButton.js' component to
 TypeScript

---
 ...urrencySymbolButton.js => CurrencySymbolButton.tsx} | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)
 rename src/components/{CurrencySymbolButton.js => CurrencySymbolButton.tsx} (83%)

diff --git a/src/components/CurrencySymbolButton.js b/src/components/CurrencySymbolButton.tsx
similarity index 83%
rename from src/components/CurrencySymbolButton.js
rename to src/components/CurrencySymbolButton.tsx
index d03834fc1fd6..18955bb0b391 100644
--- a/src/components/CurrencySymbolButton.js
+++ b/src/components/CurrencySymbolButton.tsx
@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 import React from 'react';
 import useLocalize from '@hooks/useLocalize';
 import useThemeStyles from '@hooks/useThemeStyles';
@@ -7,15 +6,15 @@ import PressableWithoutFeedback from './Pressable/PressableWithoutFeedback';
 import Text from './Text';
 import Tooltip from './Tooltip';
 
-const propTypes = {
+type CurrencySymbolButtonProps = {
     /** Currency symbol of selected currency */
-    currencySymbol: PropTypes.string.isRequired,
+    currencySymbol: string;
 
     /** Function to call when currency button is pressed */
-    onCurrencyButtonPress: PropTypes.func.isRequired,
+    onCurrencyButtonPress: () => void;
 };
 
-function CurrencySymbolButton({onCurrencyButtonPress, currencySymbol}) {
+function CurrencySymbolButton({onCurrencyButtonPress, currencySymbol}: CurrencySymbolButtonProps) {
     const styles = useThemeStyles();
     const {translate} = useLocalize();
     return (
@@ -31,7 +30,6 @@ function CurrencySymbolButton({onCurrencyButtonPress, currencySymbol}) {
     );
 }
 
-CurrencySymbolButton.propTypes = propTypes;
 CurrencySymbolButton.displayName = 'CurrencySymbolButton';
 
 export default CurrencySymbolButton;