From 21d6833e1cf9df1fa5828f60ab3e829eb0f5ba79 Mon Sep 17 00:00:00 2001
From: Marcos Rodriguez Velez <marcospr@pm.me>
Date: Sun, 25 Feb 2024 17:45:49 -0400
Subject: [PATCH] FIX: Currency row height issue on some devices

It was static set to 50
---
 screen/settings/Currency.tsx | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/screen/settings/Currency.tsx b/screen/settings/Currency.tsx
index b267ebaa2..9ab8e86a5 100644
--- a/screen/settings/Currency.tsx
+++ b/screen/settings/Currency.tsx
@@ -18,8 +18,6 @@ import loc from '../../loc';
 import { FiatUnit, FiatUnitSource, FiatUnitType, getFiatRate } from '../../models/fiatUnit';
 dayjs.extend(require('dayjs/plugin/calendar'));
 
-const ITEM_HEIGHT = 50;
-
 const Currency = () => {
   const { setPreferredFiatCurrency } = useContext(BlueStorageContext);
   const [isSavingNewPreferredCurrency, setIsSavingNewPreferredCurrency] = useState(false);
@@ -62,17 +60,11 @@ const Currency = () => {
     fetchCurrency();
   }, [setOptions]);
 
-  const getItemLayout = (_data: any, index: number) => ({
-    length: ITEM_HEIGHT,
-    offset: ITEM_HEIGHT * index,
-    index,
-  });
-
   const renderItem = ({ item }: { item: FiatUnitType }) => (
     <ListItem
       disabled={isSavingNewPreferredCurrency || selectedCurrency.endPointKey === item.endPointKey}
       title={`${item.endPointKey} (${item.symbol})`}
-      containerStyle={StyleSheet.flatten([styles.flex, { height: ITEM_HEIGHT }])}
+      containerStyle={StyleSheet.flatten([styles.flex, { minHeight: 60 }])}
       checkmark={selectedCurrency.endPointKey === item.endPointKey}
       onPress={async () => {
         setIsSavingNewPreferredCurrency(true);
@@ -104,7 +96,6 @@ const Currency = () => {
         data={data}
         initialNumToRender={30}
         extraData={data}
-        getItemLayout={getItemLayout}
         renderItem={renderItem}
       />
       <BlueCard>