fix: cr fixes

Expensify · Mar 7, 2024 · fdba153 · fdba153
1 parent c575868
commit fdba153
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 23 deletions.
diff --git a/src/languages/es.ts b/src/languages/es.ts
@@ -1778,7 +1778,7 @@ export default {
             workspaceType: 'Tipo de espacio de trabajo',
             workspaceAvatar: 'Espacio de trabajo avatar',
             mustBeOnlineToViewMembers: 'Debes estar en línea para poder ver los miembros de este espacio de trabajo.',
-            distanceRates: 'Distance rates',
+            distanceRates: 'Tasas de distancia',
         },
         type: {
             free: 'Gratis',
@@ -1928,22 +1928,22 @@ export default {
                 `¡Has sido invitado a ${workspaceName}! Descargue la aplicación móvil Expensify en use.expensify.com/download para comenzar a rastrear sus gastos.`,
         },
         distanceRates: {
-            oopsNotSoFast: 'Oops! Not so fast...',
-            workspaceNeeds: 'A workspace needs at least one enabled distance rate.',
-            distance: 'Distance',
-            centrallyManage: 'Centrally manage rates, choose to track in miles or kilometers, and set a default category.',
-            rate: 'Rate',
-            addRate: 'Add rate',
-            deleteRate: 'Delete rate',
-            deleteRates: 'Delete rates',
-            enableRate: 'Enable rate',
-            disableRate: 'Disable rate',
-            disableRates: 'Disable rates',
-            enableRates: 'Enable rates',
-            selected: 'Selected',
-            status: 'Status',
-            enabled: 'Enabled',
-            disabled: 'Disabled',
+            oopsNotSoFast: 'Ups! No tan rápido...',
+            workspaceNeeds: 'Un espacio de trabajo necesita al menos una tasa de distancia activa.',
+            distance: 'Distancia',
+            centrallyManage: 'Gestiona centralizadamente las tasas, elige si contabilizar en millas o kilómetros, y define una categoría por defecto',
+            rate: 'Tasa',
+            addRate: 'Agregar tasa',
+            deleteRate: 'Eliminar tasa',
+            deleteRates: 'Eliminar tasas',
+            enableRate: 'Activar tasa',
+            disableRate: 'Desactivar tasa',
+            disableRates: 'Desactivar tasas',
+            enableRates: 'Activar tasas',
+            selected: 'Seleccionada',
+            status: 'Estado',
+            enabled: 'Activada',
+            disabled: 'Desactivada',
         },
         editor: {
             nameInputLabel: 'Nombre',

diff --git a/src/pages/workspace/distanceRates/PolicyDistanceRatesPage.tsx b/src/pages/workspace/distanceRates/PolicyDistanceRatesPage.tsx
@@ -12,7 +12,7 @@ import * as Illustrations from '@components/Icon/Illustrations';
 import Modal from '@components/Modal';
 import ScreenWrapper from '@components/ScreenWrapper';
 import SelectionList from '@components/SelectionList';
-import RadioListItem from '@components/SelectionList/RadioListItem';
+import TableListItem from '@components/SelectionList/TableListItem';
 import Text from '@components/Text';
 import useLocalize from '@hooks/useLocalize';
 import useTheme from '@hooks/useTheme';
@@ -75,7 +75,7 @@ function PolicyDistanceRatesPage({policy, route}: PolicyDistanceRatesPageProps)
                 isSelected: selectedDistanceRates.find((rate) => rate.customUnitRateID === value.customUnitRateID) !== undefined,
                 rightElement: (
                     <View style={styles.flexRow}>
-                        <Text style={[styles.alignSelfCenter, !value.enabled && styles.disabledText]}>
+                        <Text style={[styles.alignSelfCenter, !value.enabled && styles.textSupporting]}>
                             {value.enabled ? translate('workspace.distanceRates.enabled') : translate('workspace.distanceRates.disabled')}
                         </Text>
                         <View style={[styles.p1, styles.pl2]}>
@@ -233,22 +233,25 @@ function PolicyDistanceRatesPage({policy, route}: PolicyDistanceRatesPageProps)
                     <HeaderWithBackButton
                         icon={Illustrations.CarIce}
                         title={translate('workspace.common.distanceRates')}
-                        shouldShowBackButton={false}
+                        shouldShowBackButton={isSmallScreenWidth}
                     >
                         {!isSmallScreenWidth && headerButtons}
                     </HeaderWithBackButton>
                     {isSmallScreenWidth && <View style={[styles.ph5]}>{headerButtons}</View>}
-                    <Text style={[styles.pl5, styles.pb2, styles.pt4, styles.textSupporting]}>{translate('workspace.distanceRates.centrallyManage')}</Text>
+                    <View style={[styles.ph5, styles.pb5]}>
+                        <Text style={[styles.textNormal, styles.colorMuted]}>{translate('workspace.distanceRates.centrallyManage')}</Text>
+                    </View>
+                    {/* <Text style={[styles.pl5, styles.pb2, styles.pt4, styles.textSupporting]}>{translate('workspace.distanceRates.centrallyManage')}</Text> */}
                     <SelectionList
                         canSelectMultiple
-                        ListItem={RadioListItem}
+                        ListItem={TableListItem}
                         onSelectAll={toggleAllRates}
                         onCheckboxPress={toggleRate}
                         sections={[{data: distanceRatesList, indexOffset: 0, isDisabled: false}]}
                         onSelectRow={editRate}
                         showScrollIndicator
                         customListHeader={getCustomListHeader()}
-                        containerStyle={styles.p5}
+                        listHeaderWrapperStyle={[styles.ph9, styles.pv3, styles.pb5]}
                     />
                     <Modal
                         type={CONST.MODAL.MODAL_TYPE.CENTERED_SMALL}