diff --git a/src/components/Menu/Row.tsx b/src/components/Menu/Row.tsx index 98c48d14..56919332 100644 --- a/src/components/Menu/Row.tsx +++ b/src/components/Menu/Row.tsx @@ -5,7 +5,7 @@ import { StyleConstants } from '@utils/styles/constants' import { useTheme } from '@utils/styles/ThemeManager' import { ColorDefinitions } from '@utils/styles/themes' import React, { useMemo } from 'react' -import { StyleSheet, Text, View } from 'react-native' +import { View } from 'react-native' import { Flow } from 'react-native-animated-spinkit' import { State, Switch, TapGestureHandler } from 'react-native-gesture-handler' @@ -61,7 +61,7 @@ const MenuRow: React.FC = ({ return ( = ({ }} > - - + + {iconFront && ( )} {badge ? ( @@ -99,7 +111,7 @@ const MenuRow: React.FC = ({ }} /> ) : null} - + = ({ {content || switchValue !== undefined || iconBack ? ( - + {content ? ( typeof content === 'string' ? ( = ({ name={iconBack} size={StyleConstants.Font.Size.L} color={colors[iconBackColor]} - style={[styles.iconBack, { opacity: loading ? 0 : 1 }]} + style={{ marginLeft: 8, opacity: loading ? 0 : 1 }} /> ) : null} {loading && loadingSpinkit} @@ -159,42 +179,4 @@ const MenuRow: React.FC = ({ ) } -const styles = StyleSheet.create({ - base: { - minHeight: 50 - }, - core: { - flex: 1, - flexDirection: 'row', - paddingTop: StyleConstants.Spacing.S - }, - front: { - flex: 2, - flexDirection: 'row', - alignItems: 'center' - }, - back: { - flex: 1, - flexDirection: 'row', - justifyContent: 'flex-end', - alignItems: 'center', - marginLeft: StyleConstants.Spacing.M - }, - iconFront: { - marginRight: StyleConstants.Spacing.S - }, - main: { - flex: 1 - }, - description: { - ...StyleConstants.FontStyle.S - }, - content: { - ...StyleConstants.FontStyle.M - }, - iconBack: { - marginLeft: 8 - } -}) - export default MenuRow