diff --git a/src/design-system/components/Box/Box.tsx b/src/design-system/components/Box/Box.tsx index d3f2836a03..e1cda194b6 100644 --- a/src/design-system/components/Box/Box.tsx +++ b/src/design-system/components/Box/Box.tsx @@ -1,6 +1,6 @@ import type * as Polymorphic from '@radix-ui/react-polymorphic'; import clsx, { ClassValue } from 'clsx'; -import React, { forwardRef } from 'react'; +import React, { HTMLAttributes, forwardRef } from 'react'; import { BoxStyles, @@ -41,6 +41,7 @@ export type BoxProps = Omit & { isModal?: boolean; isExplainerSheet?: boolean; testId?: string; + translate?: HTMLAttributes['translate']; onKeyDown?: React.KeyboardEventHandler; tabIndex?: number; }; @@ -54,6 +55,7 @@ export const Box = forwardRef(function Box( isModal, isExplainerSheet, testId, + translate, ...props }, ref, @@ -123,6 +125,7 @@ export const Box = forwardRef(function Box( data-is-modally-presented={isModal || undefined} data-is-explainer-sheet={isExplainerSheet || undefined} data-testid={testId} + translate={translate} // Since Box is a primitive component, it needs to spread props // eslint-disable-next-line react/jsx-props-no-spreading {...restProps} diff --git a/src/design-system/components/Text/Text.tsx b/src/design-system/components/Text/Text.tsx index dea3afffc3..d848122402 100644 --- a/src/design-system/components/Text/Text.tsx +++ b/src/design-system/components/Text/Text.tsx @@ -1,5 +1,5 @@ import clsx from 'clsx'; -import React from 'react'; +import React, { HTMLAttributes } from 'react'; import { TextStyles, textStyles } from '../../styles/core.css'; import { Box } from '../Box/Box'; @@ -21,6 +21,7 @@ export interface TextProps { whiteSpace?: TextStyles['whiteSpace']; textShadow?: TextStyles['textShadow']; fontFamily?: TextStyles['fontFamily']; + translate?: HTMLAttributes['translate']; } export function Text({ @@ -38,6 +39,7 @@ export function Text({ whiteSpace, textShadow, fontFamily = 'rounded', + translate, }: TextProps) { return ( {children} diff --git a/src/entries/popup/components/SeedPhraseTable/SeedPhraseTable.tsx b/src/entries/popup/components/SeedPhraseTable/SeedPhraseTable.tsx index a97d4b2824..efbc30b5a2 100644 --- a/src/entries/popup/components/SeedPhraseTable/SeedPhraseTable.tsx +++ b/src/entries/popup/components/SeedPhraseTable/SeedPhraseTable.tsx @@ -49,6 +49,7 @@ export default function SeedPhraseTable({ seed }: { seed: string }) { color="label" align="center" testId={`seed_word_${index + 1}`} + translate="no" > {word} @@ -105,6 +106,7 @@ export default function SeedPhraseTable({ seed }: { seed: string }) { color="label" align="center" testId={`seed_word_${index + 7}`} + translate="no" > {word} diff --git a/src/entries/popup/components/SeedVerifyQuiz/SeedVerifyQuiz.tsx b/src/entries/popup/components/SeedVerifyQuiz/SeedVerifyQuiz.tsx index 6b9ae81b65..356e3ebfb7 100644 --- a/src/entries/popup/components/SeedVerifyQuiz/SeedVerifyQuiz.tsx +++ b/src/entries/popup/components/SeedVerifyQuiz/SeedVerifyQuiz.tsx @@ -119,7 +119,13 @@ const SeedWordRow = ({ - + {word} diff --git a/src/entries/popup/pages/settings/walletsAndKeys/privateKey/privateKey.tsx b/src/entries/popup/pages/settings/walletsAndKeys/privateKey/privateKey.tsx index 10be3fedf4..070a64d8d6 100644 --- a/src/entries/popup/pages/settings/walletsAndKeys/privateKey/privateKey.tsx +++ b/src/entries/popup/pages/settings/walletsAndKeys/privateKey/privateKey.tsx @@ -67,7 +67,12 @@ export function PrivateKey() { wordBreak: 'break-all', }} > - + {privKey}