chore(suite): fix unnecessary brackets

trezor · Apr 30, 2024 · 0a04077 · 0a04077
1 parent 710a542
commit 0a04077
Show file tree

Hide file tree

Showing 16 changed files with 28 additions and 33 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -121,6 +121,7 @@ module.exports = {
         // It's fine.
         'react/no-multi-comp': 'off',
         'react/no-unescaped-entities': 'off',
+        'react/jsx-curly-brace-presence': ['warn', { props: 'never', children: 'never' }],
         // This is fine.
         'class-methods-use-this': 'off',
         'lines-between-class-members': 'off',

diff --git a/packages/components/src/components/typography/Text/Text.stories.tsx b/packages/components/src/components/typography/Text/Text.stories.tsx
@@ -25,26 +25,26 @@ export const Text: StoryObj = {
                 <TextComponent>This is just a plain text</TextComponent>
             </Block>
             <Block>
-                <TextComponent variant={'primary'}>
+                <TextComponent variant="primary">
                     This is <strong>primary</strong> text
                 </TextComponent>
-                <TextComponent variant={'info'}>
+                <TextComponent variant="info">
                     This is <strong>info</strong> text
                 </TextComponent>
-                <TextComponent variant={'warning'}>
+                <TextComponent variant="warning">
                     This is <strong>warning</strong> text
                 </TextComponent>
-                <TextComponent variant={'destructive'}>
+                <TextComponent variant="destructive">
                     This is <strong>destructive</strong> text
                 </TextComponent>
             </Block>
             <Block>
-                <TextComponent color={'#9be887'}>
+                <TextComponent color="#9be887">
                     This is <strong>custom</strong> color text
                 </TextComponent>
             </Block>
             <Block>
-                <TextComponent variant={'info'} typographyStyle="titleMedium">
+                <TextComponent variant="info" typographyStyle="titleMedium">
                     This is just a plain Medium Title
                 </TextComponent>
             </Block>

diff --git a/...ents/suite/modals/ReduxModal/UserContextModal/TxDetailModal/ChangeFee/ReplaceTxButton.tsx b/...ents/suite/modals/ReduxModal/UserContextModal/TxDetailModal/ChangeFee/ReplaceTxButton.tsx
@@ -30,7 +30,7 @@ export const ReplaceTxButton = () => {
                 isDisabled={isDisabled || isLoading}
                 onClick={signTransaction}
             >
-                <Translation id={'TR_REPLACE_TX'} />
+                <Translation id="TR_REPLACE_TX" />
             </StyledButton>
         </Wrapper>
     );

diff --git a/...e/src/components/suite/modals/ReduxModal/UserContextModal/TxDetailModal/TxDetailModal.tsx b/...e/src/components/suite/modals/ReduxModal/UserContextModal/TxDetailModal/TxDetailModal.tsx
@@ -160,7 +160,7 @@ export const TxDetailModal = ({ tx, rbfForm, onCancel }: TxDetailModalProps) =>
 
                                 <Middle>
                                     <SectionTitle>
-                                        <Translation id={'TR_REPLACE_TX'} />
+                                        <Translation id="TR_REPLACE_TX" />
                                     </SectionTitle>
                                 </Middle>
                             </>

diff --git a/packages/suite/src/views/settings/SettingsDebug/ViewOnlySettings.tsx b/packages/suite/src/views/settings/SettingsDebug/ViewOnlySettings.tsx
@@ -15,7 +15,7 @@ export const ViewOnlySettings = () => {
     return (
         <>
             <SectionItem>
-                <TextColumn title={`Enable redesigned view-only`} />
+                <TextColumn title="Enable redesigned view-only" />
                 <ActionColumn>
                     <Checkbox
                         isChecked={isViewOnlyModeVisible}
@@ -29,7 +29,7 @@ export const ViewOnlySettings = () => {
             </SectionItem>
 
             <SectionItem>
-                <TextColumn title={`Set viewOnlyPromoClosed`} />
+                <TextColumn title="Set viewOnlyPromoClosed" />
                 <ActionColumn>
                     <Checkbox
                         isChecked={viewOnlyPromoClosed}
@@ -41,7 +41,7 @@ export const ViewOnlySettings = () => {
             </SectionItem>
 
             <SectionItem>
-                <TextColumn title={`Set viewOnlyTooltipClosed`} />
+                <TextColumn title="Set viewOnlyTooltipClosed" />
                 <ActionColumn>
                     <Checkbox
                         isChecked={viewOnlyTooltipClosed}

diff --git a/packages/suite/src/views/suite/SwitchDevice/DeviceItem/DeviceStatusText.tsx b/packages/suite/src/views/suite/SwitchDevice/DeviceItem/DeviceStatusText.tsx
@@ -47,7 +47,7 @@ export const DeviceStatusText = ({
         return (
             <DeviceConnectionText
                 variant="warning"
-                icon={'REFRESH'}
+                icon="REFRESH"
                 data-test={connected ? '@deviceStatus-connected' : '@deviceStatus-disconnected'}
                 isAction
             >

diff --git a/packages/suite/src/views/suite/SwitchDevice/DeviceItemLegacy/DeviceStatusText.tsx b/packages/suite/src/views/suite/SwitchDevice/DeviceItemLegacy/DeviceStatusText.tsx
@@ -47,7 +47,7 @@ export const DeviceStatusText = ({
         return (
             <DeviceConnectionText
                 variant="warning"
-                icon={'REFRESH'}
+                icon="REFRESH"
                 data-test={connected ? '@deviceStatus-connected' : '@deviceStatus-disconnected'}
                 isAction
             >

diff --git a/packages/suite/src/views/view-only/ViewOnlyPromoContent.tsx b/packages/suite/src/views/view-only/ViewOnlyPromoContent.tsx
@@ -156,7 +156,7 @@ const Top = () => {
                             <Text variant="primary" typographyStyle="label">
                                 <Translation id="TR_BALANCE" />
                             </Text>
-                            <FormattedCryptoAmount value={'0.04223123'} symbol={'BTC'} />
+                            <FormattedCryptoAmount value="0.04223123" symbol="BTC" />
                         </ChartText>
                         <PriceChartLine />
                         <IllustrativeExamplePositioning>

diff --git a/packages/suite/src/views/wallet/receive/components/UsedAddresses.tsx b/packages/suite/src/views/wallet/receive/components/UsedAddresses.tsx
@@ -263,7 +263,7 @@ export const UsedAddresses = ({
                             icon="ARROW_DOWN"
                             iconAlignment="right"
                             onClick={() => setLimit(limit + 20)}
-                            data-test={`@wallet/receive/used-address/show-more`}
+                            data-test="@wallet/receive/used-address/show-more"
                         >
                             <Translation id="TR_SHOW_MORE" />
                         </Button>

diff --git a/packages/transport-bridge/src/ui/components/Translation.tsx b/packages/transport-bridge/src/ui/components/Translation.tsx
@@ -3,5 +3,5 @@ import { FormattedMessage } from 'react-intl';
 import type { Messages } from '../translations/default';
 
 export const Translation = ({ id, values }: { id: keyof Messages; values?: any }) => {
-    return <FormattedMessage id={id} tagName={'span'} values={values} />;
+    return <FormattedMessage id={id} tagName="span" values={values} />;
 };
diff --git a/suite-native/biometrics/src/components/BiometricOverlay.tsx b/suite-native/biometrics/src/components/BiometricOverlay.tsx
@@ -45,7 +45,9 @@ export const BiometricOverlay = ({
                     style={applyStyle(bottomWrapperStyle)}
                 >
                     <BiometricsIcon iconSize={iconSizes.extraLarge} showShadow />
-                    <Text color="textPrimaryDefault">{<Translation id="biometricsButton" />}</Text>
+                    <Text color="textPrimaryDefault">
+                        <Translation id="biometricsButton" />
+                    </Text>
                 </TouchableOpacity>
             )}
         </>

diff --git a/suite-native/module-home/src/screens/HomeScreen/components/EmptyConnectedDeviceState.tsx b/suite-native/module-home/src/screens/HomeScreen/components/EmptyConnectedDeviceState.tsx
@@ -38,7 +38,7 @@ export const EmptyConnectedDeviceState = () => {
 
     return (
         <Card style={applyStyle(cardStyle)}>
-            <VStack spacing={'large'} style={applyStyle(contentStyle)}>
+            <VStack spacing="large" style={applyStyle(contentStyle)}>
                 <PictogramTitleHeader
                     variant="green"
                     size="large"

diff --git a/suite-native/module-home/src/screens/HomeScreen/components/EnableViewOnlyBottomSheet.tsx b/suite-native/module-home/src/screens/HomeScreen/components/EnableViewOnlyBottomSheet.tsx
@@ -94,7 +94,7 @@ export const EnableViewOnlyBottomSheet = () => {
         if (device) {
             showToast({
                 variant: 'default',
-                message: <Translation id={'moduleSettings.viewOnly.toast.enabled'} />,
+                message: <Translation id="moduleSettings.viewOnly.toast.enabled" />,
                 icon: 'check',
             });
             dispatch(toggleRememberDevice({ device }));

diff --git a/suite-native/module-send/src/screens/SendAccountsScreen.tsx b/suite-native/module-send/src/screens/SendAccountsScreen.tsx
@@ -26,7 +26,7 @@ export const SendAccountsScreen = ({
     return (
         <Screen
             screenHeader={<DeviceManagerScreenHeader />}
-            subheader={<ScreenSubHeader content={'Send from'} leftIcon={<GoBackIcon />} />}
+            subheader={<ScreenSubHeader content="Send from" leftIcon={<GoBackIcon />} />}
         >
             {/* TODO: Enable filtering same as receive screen has. */}
             <AccountsList onSelectAccount={navigateToSendFormScreen} filterValue={TESTNET_FILTER} />

diff --git a/suite-native/module-send/src/screens/SendFormScreen.tsx b/suite-native/module-send/src/screens/SendFormScreen.tsx
@@ -28,7 +28,7 @@ export const SendFormScreen = ({
     // TODO: move text content to @suite-native/intl package when is copy ready
     return (
         <Screen
-            subheader={<ScreenSubHeader content={'Send form screen'} leftIcon={<GoBackIcon />} />}
+            subheader={<ScreenSubHeader content="Send form screen" leftIcon={<GoBackIcon />} />}
         >
             <VStack>
                 <VStack justifyContent="center" alignItems="center">

diff --git a/suite-native/receive/src/components/ShowAddressViewOnlyBottomSheet.tsx b/suite-native/receive/src/components/ShowAddressViewOnlyBottomSheet.tsx
@@ -34,26 +34,18 @@ export const ShowAddressViewOnlyBottomSheet = ({
             <VStack spacing="large">
                 <VStack alignItems="center">
                     <Text variant="titleSmall">
-                        <Translation
-                            id={'moduleReceive.receiveAddressCard.viewOnlyWarning.title'}
-                        />
+                        <Translation id="moduleReceive.receiveAddressCard.viewOnlyWarning.title" />
                     </Text>
                     <Text color="textSubdued">
-                        <Translation
-                            id={'moduleReceive.receiveAddressCard.viewOnlyWarning.description'}
-                        />
+                        <Translation id="moduleReceive.receiveAddressCard.viewOnlyWarning.description" />
                     </Text>
                 </VStack>
                 <VStack spacing="medium" style={applyStyle(buttonWrapperStyle)}>
                     <Button colorScheme="yellowBold" onPress={onShowAddress}>
-                        <Translation
-                            id={'moduleReceive.receiveAddressCard.viewOnlyWarning.primaryButton'}
-                        />
+                        <Translation id="moduleReceive.receiveAddressCard.viewOnlyWarning.primaryButton" />
                     </Button>
                     <Button colorScheme="yellowElevation1" onPress={handleCloseViewOnlyBottomSheet}>
-                        <Translation
-                            id={'moduleReceive.receiveAddressCard.viewOnlyWarning.secondaryButton'}
-                        />
+                        <Translation id="moduleReceive.receiveAddressCard.viewOnlyWarning.secondaryButton" />
                     </Button>
                 </VStack>
             </VStack>