kylefang/wallet
1
0
Fork 0
mirror of https://github.com/zhigang1992/wallet.git synced 2026-01-12 22:53:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: refactor JSX namespace to React.JSX

Browse Source
This commit is contained in:
Pete Watters
2023-07-12 10:07:10 +01:00
parent 167429b068
commit 4a07bcba81
72 changed files with 97 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/common/hooks/use-route-header.ts
View File

@@ -3,7 +3,7 @@ import { useLocation } from 'react-router-dom';
import { useRouteHeaderState } from '@app/store/ui/ui.hooks';
export function useRouteHeader(header: JSX.Element, isParentRoute?: boolean) {
export function useRouteHeader(header: React.JSX.Element, isParentRoute?: boolean) {
const location = useLocation();
const [_, setRouteHeader] = useRouteHeaderState();
useEffect(() => {

2
src/app/common/theme-provider.tsx
View File

@@ -44,7 +44,7 @@ function setUserSelectedTheme(theme: UserSelectedTheme) {
}
interface ThemeSwitcherProviderProps {
children: JSX.Element | JSX.Element[];
children: React.JSX.Element | React.JSX.Element[];
}
export function ThemeSwitcherProvider({ children }: ThemeSwitcherProviderProps) {
const userSelectedTheme = useUserSelectedTheme();

2
src/app/components/brc20-tokens-loader.tsx
View File

@@ -4,7 +4,7 @@ import {
} from '@app/query/bitcoin/ordinals/brc20/brc20-tokens.query';
interface Brc20TokensLoaderProps {
children(brc20Tokens: Brc20Token[]): JSX.Element;
children(brc20Tokens: Brc20Token[]): React.JSX.Element;
}
export function Brc20TokensLoader({ children }: Brc20TokensLoaderProps) {
const { data: allBrc20TokensResponse } = useBrc20TokensQuery();

8
src/app/components/crypto-assets/crypto-currency-asset/crypto-currency-asset-item.layout.tsx
View File

@@ -17,8 +17,8 @@ import { Caption, Text } from '@app/components/typography';
interface CryptoCurrencyAssetItemLayoutProps extends StackProps {
balance: Money;
caption: string;
icon: JSX.Element;
copyIcon?: JSX.Element;
icon: React.JSX.Element;
copyIcon?: React.JSX.Element;
isPressable?: boolean;
title: string;
usdBalance?: string;
@@ -26,8 +26,8 @@ interface CryptoCurrencyAssetItemLayoutProps extends StackProps {
canCopy?: boolean;
isHovered?: boolean;
currency?: CryptoCurrencies;
additionalBalanceInfo?: JSX.Element;
additionalUsdBalanceInfo?: JSX.Element;
additionalBalanceInfo?: React.JSX.Element;
additionalUsdBalanceInfo?: React.JSX.Element;
}
export const CryptoCurrencyAssetItemLayout = forwardRefWithAs(
(props: CryptoCurrencyAssetItemLayoutProps, ref) => {

6
src/app/components/crypto-assets/crypto-currency-asset/crypto-currency-asset-item.tsx
View File

@@ -13,13 +13,13 @@ import { CryptoCurrencyAssetItemLayout } from './crypto-currency-asset-item.layo
interface CryptoCurrencyAssetItemProps extends StackProps {
assetBalance: AllCryptoCurrencyAssetBalances;
icon: JSX.Element;
icon: React.JSX.Element;
usdBalance?: string;
address?: string;
isPressable?: boolean;
canCopy?: boolean;
additionalBalanceInfo?: JSX.Element;
additionalUsdBalanceInfo?: JSX.Element;
additionalBalanceInfo?: React.JSX.Element;
additionalUsdBalanceInfo?: React.JSX.Element;
}
export const CryptoCurrencyAssetItem = forwardRefWithAs(
(props: CryptoCurrencyAssetItemProps, ref) => {

2
src/app/components/drawer/base-drawer.tsx
View File

@@ -32,7 +32,7 @@ function useDrawer(isShowing: boolean, onClose: () => void, pause?: boolean) {
interface BaseDrawerProps extends Omit<FlexProps, 'title'> {
children?: ReactNode;
enableGoBack?: boolean;
icon?: JSX.Element;
icon?: React.JSX.Element;
isShowing: boolean;
isWaitingOnPerformedAction?: boolean;
onClose?(): void;

2
src/app/components/drawer/components/drawer-header.tsx
View File

@@ -9,7 +9,7 @@ import { HeaderActionButton } from './header-action-button';
interface DrawerHeaderProps {
enableGoBack?: boolean;
icon?: JSX.Element;
icon?: React.JSX.Element;
isWaitingOnPerformedAction?: boolean;
onClose?(): void;
onGoBack(): void;

2
src/app/components/drawer/components/header-action-button.tsx
View File

@@ -10,7 +10,7 @@ interface IconBaseProps extends SVGAttributes<SVGElement> {
color?: string;
title?: string;
}
type IconType = (props: IconBaseProps) => JSX.Element;
type IconType = (props: IconBaseProps) => React.JSX.Element;
interface HeaderActionButtonProps {
icon?: IconType;

2
src/app/components/drawer/controlled-drawer.tsx
View File

@@ -5,7 +5,7 @@ import { BaseDrawer } from './base-drawer';
interface ControlledDrawerProps {
children?: ReactNode;
enableGoBack?: boolean;
icon?: JSX.Element;
icon?: React.JSX.Element;
isShowing: boolean;
onClose(): void;
pauseOnClickOutside?: boolean;

2
src/app/components/event-card.tsx
View File

@@ -18,7 +18,7 @@ interface EventCardProps {
ticker: string;
title: string;
}
export function EventCard(props: EventCardProps): JSX.Element {
export function EventCard(props: EventCardProps): React.JSX.Element {
const { actions, amount, icon, isLast, left, message, right, ticker, title } = props;
return (

4
src/app/components/fees-row/components/fees-row.layout.tsx
View File

@@ -7,10 +7,10 @@ import { Caption } from '@app/components/typography';
import { WarningLabel } from '@app/components/warning-label';
interface FeesRowLayoutProps extends StackProps {
feeField: JSX.Element;
feeField: React.JSX.Element;
fieldWarning?: string;
isSponsored: boolean;
selectInput: JSX.Element;
selectInput: React.JSX.Element;
}
export function FeesRowLayout(props: FeesRowLayoutProps) {
const { feeField, fieldWarning, isSponsored, selectInput, ...rest } = props;

2
src/app/components/fees-row/fees-row.tsx
View File

@@ -23,7 +23,7 @@ interface FeeRowProps extends StackProps {
allowCustom?: boolean;
isSponsored: boolean;
}
export function FeesRow(props: FeeRowProps): JSX.Element {
export function FeesRow(props: FeeRowProps): React.JSX.Element {
const { fees, isSponsored, allowCustom = true, ...rest } = props;
const [feeField, _, feeHelper] = useField('fee');
const [feeCurrencyField] = useField('feeCurrency');

2
src/app/components/header.tsx
View File

@@ -16,7 +16,7 @@ import { NetworkModeBadge } from '@app/components/network-mode-badge';
import { Title } from '@app/components/typography';
interface HeaderProps extends FlexProps {
actionButton?: JSX.Element;
actionButton?: React.JSX.Element;
hideActions?: boolean;
onClose?(): void;
title?: string;

2
src/app/components/inscription-preview-card/components/inscription-metadata.tsx
View File

@@ -5,7 +5,7 @@ import { Text } from '@app/components/typography';
interface InscriptionMetadataProps {
action?(): void;
actionLabel?: string;
icon?: JSX.Element;
icon?: React.JSX.Element;
subtitle: string;
title: string;
}

4
src/app/components/inscription-preview-card/inscription-preview-card.tsx
View File

@@ -7,8 +7,8 @@ interface InscriptionPreviewCardProps {
action?(): void;
actionLabel?: string;
hideBorder?: boolean;
icon?: JSX.Element;
image: JSX.Element;
icon?: React.JSX.Element;
image: React.JSX.Element;
subtitle: string;
title: string;
}

2
src/app/components/item-hover.tsx
View File

@@ -27,7 +27,7 @@ function ItemHover({
export function usePressable(
isPressable?: boolean
): [JSX.Element | null, any, { isHovered: boolean; isFocused: boolean }] {
): [React.JSX.Element | null, any, { isHovered: boolean; isFocused: boolean }] {
const [isHovered, bind] = useHover();
const [isFocused, focusBind] = useFocus();

2
src/app/components/layout/flag.tsx
View File

@@ -14,7 +14,7 @@ interface FlagProps extends FlexProps {
spacing?: Spacing;
align?: 'top' | 'middle' | 'bottom';
children: React.ReactNode;
img: JSX.Element;
img: React.JSX.Element;
}
/**
* Implementation of flag object

2
src/app/components/link.tsx
View File

@@ -10,7 +10,7 @@ export const buildEnterKeyEvent = (onClick: () => void) => {
};
};
export function Link(props: BoxProps): JSX.Element {
export function Link(props: BoxProps): React.JSX.Element {
const { _hover = {}, children, fontSize = '12px', onClick, ...rest } = props;
return (
<Text

2
src/app/components/modal-header.tsx
View File

@@ -9,7 +9,7 @@ import { NetworkModeBadge } from '@app/components/network-mode-badge';
import { Title } from '@app/components/typography';
interface ModalHeaderProps extends FlexProps {
actionButton?: JSX.Element;
actionButton?: React.JSX.Element;
closeIcon?: boolean;
hideActions?: boolean;
onClose?(): void;

2
src/app/components/receive/receive-collectible-item.tsx
View File

@@ -8,7 +8,7 @@ import { Caption } from '../typography';
interface ReceiveCollectibleItemProps extends ButtonProps {
address: string;
icon: JSX.Element;
icon: React.JSX.Element;
onCopyAddress(): void;
title: string;
}

2
src/app/components/sponsored-label.tsx
View File

@@ -2,7 +2,7 @@ import { FiAlertCircle } from 'react-icons/fi';
import { Box, Stack, Text, color } from '@stacks/ui';
export function SponsoredLabel(): JSX.Element {
export function SponsoredLabel(): React.JSX.Element {
return (
<Stack width="100%">
<Stack

2
src/app/components/text-input-field.tsx
View File

@@ -21,7 +21,7 @@ interface TextInputFieldProps extends FlexProps {
onClickLabelAction?(): void;
placeholder?: string;
inputRef?: Ref<HTMLInputElement>;
topInputOverlay?: JSX.Element;
topInputOverlay?: React.JSX.Element;
hasError?: boolean;
}
export function TextInputField({

2
src/app/components/tx-asset-item.tsx
View File

@@ -11,7 +11,7 @@ interface AssetItemProps extends StackProps {
ticker: string;
}
export function TxAssetItem(props: AssetItemProps): JSX.Element {
export function TxAssetItem(props: AssetItemProps): React.JSX.Element {
const { iconString, amount, ticker, ...rest } = props;
const imageCanonicalUri = isValidUrl(iconString) ? iconString : undefined;

10
src/app/features/activity-list/components/transaction-list/bitcoin-transaction/bitcoin-transaction-item.layout.tsx
View File

@@ -5,11 +5,11 @@ import { SpaceBetween } from '@app/components/layout/space-between';
interface BitcoinTransactionItemLayoutProps {
openTxLink(): void;
txCaption: JSX.Element;
txIcon: JSX.Element;
txStatus: JSX.Element;
txTitle: JSX.Element;
txValue: JSX.Element;
txCaption: React.JSX.Element;
txIcon: React.JSX.Element;
txStatus: React.JSX.Element;
txTitle: React.JSX.Element;
txValue: React.JSX.Element;
}
export function BitcoinTransactionItemLayout({
openTxLink,

2
src/app/features/bitcoin-choose-fee/components/bitcoin-choose-fee.layout.tsx
View File

@@ -3,7 +3,7 @@ import { Flex } from '@stacks/ui';
import { LoadingSpinner } from '@app/components/loading-spinner';
interface BitcoinChooseFeeLayoutProps {
children: JSX.Element;
children: React.JSX.Element;
isLoading: boolean;
}

2
src/app/features/collectibles/components/_collectible-types/collectible-image.tsx
View File

@@ -5,7 +5,7 @@ import { ImageUnavailable } from '../image-unavailable';
interface CollectibleImageProps extends Omit<CollectibleItemLayoutProps, 'children'> {
alt?: string;
icon: JSX.Element;
icon: React.JSX.Element;
src: string;
}
export function CollectibleImage(props: CollectibleImageProps) {

2
src/app/features/collectibles/components/_collectible-types/collectible-other.tsx
View File

@@ -3,7 +3,7 @@ import { Box } from '@stacks/ui';
import { CollectibleItemLayout, CollectibleItemLayoutProps } from '../collectible-item.layout';
interface CollectibleOtherProps extends Omit<CollectibleItemLayoutProps, 'children'> {
children: JSX.Element;
children: React.JSX.Element;
}
export function CollectibleOther({ children, ...props }: CollectibleOtherProps) {
return (

2
src/app/features/collectibles/components/_collectible-types/collectible-text.tsx
View File

@@ -2,7 +2,7 @@ import { CollectibleItemLayout, CollectibleItemLayoutProps } from '../collectibl
import { CollectibleTextLayout } from './collectible-text.layout';
interface CollectibleTextProps extends Omit<CollectibleItemLayoutProps, 'children'> {
icon: JSX.Element;
icon: React.JSX.Element;
content: string;
}
export function CollectibleText(props: CollectibleTextProps) {

2
src/app/features/collectibles/components/collectible-hover.tsx
View File

@@ -4,7 +4,7 @@ import { figmaTheme } from '@app/common/utils/figma-theme';
import { ArrowIcon } from '@app/components/icons/arrow-icon';
interface CollectibleHoverProps {
collectibleTypeIcon?: JSX.Element;
collectibleTypeIcon?: React.JSX.Element;
isHovered: boolean;
onClickCallToAction?(): void;
}

2
src/app/features/collectibles/components/collectible-item.layout.tsx
View File

@@ -16,7 +16,7 @@ export interface CollectibleItemLayoutProps {
onClickCallToAction?(): void;
onClickLayout?(): void;
onClickSend?(): void;
collectibleTypeIcon?: JSX.Element;
collectibleTypeIcon?: React.JSX.Element;
subtitle: string;
title: string;
}

4
src/app/features/container/container.layout.tsx
View File

@@ -1,8 +1,8 @@
import { Flex, color } from '@stacks/ui';
interface ContainerLayoutProps {
children: JSX.Element | JSX.Element[];
header: JSX.Element | null;
children: React.JSX.Element | React.JSX.Element[];
header: React.JSX.Element | null;
}
export function ContainerLayout(props: ContainerLayoutProps) {
const { children, header } = props;

2
src/app/features/edit-nonce-drawer/components/edit-nonce-form.tsx
View File

@@ -7,7 +7,7 @@ interface EditNonceFormProps {
onClose(): void;
onSubmit(): void;
}
export function EditNonceForm(props: EditNonceFormProps): JSX.Element {
export function EditNonceForm(props: EditNonceFormProps): React.JSX.Element {
const { onBlur, onClose, onSubmit } = props;
return (

2
src/app/features/increase-fee-drawer/components/fee-multiplier-button.tsx
View File

@@ -4,7 +4,7 @@ interface FeeMultiplierButtonProps extends ButtonProps {
multiplier: number;
}
export function FeeMultiplierButton(props: FeeMultiplierButtonProps): JSX.Element {
export function FeeMultiplierButton(props: FeeMultiplierButtonProps): React.JSX.Element {
const { multiplier, ...rest } = props;
return (

2
src/app/features/increase-fee-drawer/components/fee-multiplier.tsx
View File

@@ -9,7 +9,7 @@ interface FeeMultiplierProps extends StackProps {
showReset?: boolean;
}
export function FeeMultiplier(props: FeeMultiplierProps): JSX.Element {
export function FeeMultiplier(props: FeeMultiplierProps): React.JSX.Element {
const { onSelectMultiplier, showReset, ...rest } = props;
return (

2
src/app/features/increase-fee-drawer/components/increase-fee-field.tsx
View File

@@ -11,7 +11,7 @@ import { FeeMultiplier } from './fee-multiplier';
interface IncreaseFeeFieldProps {
currentFee: number;
}
export function IncreaseFeeField(props: IncreaseFeeFieldProps): JSX.Element {
export function IncreaseFeeField(props: IncreaseFeeFieldProps): React.JSX.Element {
const { currentFee } = props;
const [field, meta, helpers] = useField('fee');
const [modified, setModified] = useState(false);

2
src/app/features/ledger/flows/stacks-message-signing/ledger-stacks-sign-msg-container.tsx
View File

@@ -39,7 +39,7 @@ interface LedgerSignMsgData {
unsignedMessage: UnsignedMessage;
}
interface LedgerSignMsgDataProps {
children({ account, unsignedMessage }: LedgerSignMsgData): JSX.Element;
children({ account, unsignedMessage }: LedgerSignMsgData): React.JSX.Element;
}
function LedgerSignMsgData({ children }: LedgerSignMsgDataProps) {
const account = useCurrentStacksAccount();

4
src/app/pages/fund/components/fund-account-tile.tsx
View File

@@ -4,11 +4,11 @@ import { FundPageSelectors } from '@tests-legacy/page-objects/fund.selectors';
import { Caption, Title } from '@app/components/typography';
interface FundAccountTileProps {
attributes?: JSX.Element;
attributes?: React.JSX.Element;
description: string;
icon: string;
onClickTile(): void;
receiveStxIcon?: JSX.Element;
receiveStxIcon?: React.JSX.Element;
testId: string;
title?: string;
}

2
src/app/pages/home/components/tx-button.tsx
View File

@@ -5,7 +5,7 @@ import { Box, ButtonProps, Text } from '@stacks/ui';
interface HomeActionButtonProps extends ButtonProps {
icon: any;
label: string;
buttonComponent(props: ButtonProps): JSX.Element;
buttonComponent(props: ButtonProps): React.JSX.Element;
}
export const HomeActionButton = memo((props: HomeActionButtonProps) => {
const { icon, label, buttonComponent: Button, ...rest } = props;

2
src/app/pages/home/home.loader.tsx
View File

@@ -3,7 +3,7 @@ import { useCurrentStacksAccount } from '@app/store/accounts/blockchain/stacks/s
import { StacksAccount } from '@app/store/accounts/blockchain/stacks/stacks-account.models';
interface HomeLoaderProps {
children(data: StacksAccount): JSX.Element;
children(data: StacksAccount): React.JSX.Element;
}
export function HomeLoader({ children }: HomeLoaderProps) {
const currentAccount = useCurrentStacksAccount();

4
src/app/pages/onboarding/back-up-secret-key/back-up-secret-key.layout.tsx
View File

@@ -13,10 +13,10 @@ import { Text } from '@app/components/typography';
import { BackUpSecretKeyActions } from './components/back-up-secret-key-actions';
interface BackUpSecretKeyLayoutProps {
secretKeyDisplay: JSX.Element;
secretKeyDisplay: React.JSX.Element;
onBackedUpSecretKey(): void;
}
export function BackUpSecretKeyLayout(props: BackUpSecretKeyLayoutProps): JSX.Element {
export function BackUpSecretKeyLayout(props: BackUpSecretKeyLayoutProps): React.JSX.Element {
const { secretKeyDisplay, onBackedUpSecretKey } = props;
const [desktopViewport] = useMediaQuery(`(min-width: ${DESKTOP_VIEWPORT_MIN_WIDTH})`);

2
src/app/pages/onboarding/back-up-secret-key/components/back-up-secret-key-actions.tsx
View File

@@ -9,7 +9,7 @@ import { Caption } from '@app/components/typography';
interface BackUpSecretKeyLayoutProps {
onBackedUpSecretKey(): void;
}
export function BackUpSecretKeyActions(props: BackUpSecretKeyLayoutProps): JSX.Element {
export function BackUpSecretKeyActions(props: BackUpSecretKeyLayoutProps): React.JSX.Element {
const { onBackedUpSecretKey } = props;
return (

2
src/app/pages/onboarding/set-password/components/password-strength-indicator.tsx
View File

@@ -8,7 +8,7 @@ import { ValidatedPassword } from '@app/common/validation/validate-password';
import { defaultColor } from './password-field.utils';
function fillArray(amount: number) {
return (item: (i: number) => JSX.Element) =>
return (item: (i: number) => React.JSX.Element) =>
createNullArrayOfLength(amount).map((_, i) => item(i));
}

2
src/app/pages/onboarding/welcome/welcome.layout.tsx
View File

@@ -37,7 +37,7 @@ interface WelcomeLayoutProps {
onStartOnboarding(): void;
onRestoreWallet(): void;
}
export function WelcomeLayout(props: WelcomeLayoutProps): JSX.Element {
export function WelcomeLayout(props: WelcomeLayoutProps): React.JSX.Element {
const { isGeneratingWallet, onStartOnboarding, onSelectConnectLedger, onRestoreWallet } = props;
return (

2
src/app/pages/receive-tokens/components/receive-tokens.layout.tsx
View File

@@ -17,7 +17,7 @@ interface ReceiveTokensLayoutProps {
accountName?: string;
onCopyAddressToClipboard(address: string): void;
title: string;
warning?: JSX.Element;
warning?: React.JSX.Element;
hasSubtitle?: boolean;
}
export function ReceiveTokensLayout(props: ReceiveTokensLayoutProps) {

2
src/app/pages/send/ordinal-inscription/components/collectible-asset.tsx
View File

@@ -4,7 +4,7 @@ import { SpaceBetween } from '@app/components/layout/space-between';
import { Text } from '@app/components/typography';
interface CollectibleAssetProps {
icon: JSX.Element;
icon: React.JSX.Element;
name: string;
symbol?: string;
}

2
src/app/pages/send/ordinal-inscription/components/send-inscription-loader.tsx
View File

@@ -9,7 +9,7 @@ import { createUtxoFromInscription } from './create-utxo-from-inscription';
import { SendInscriptionContextState } from './send-inscription-container';
interface SendInscriptionLoaderProps {
children(data: Partial<SendInscriptionContextState>): JSX.Element;
children(data: Partial<SendInscriptionContextState>): React.JSX.Element;
}
export function SendInscriptionLoader({ children }: SendInscriptionLoaderProps) {
const { inscription } = useSendInscriptionRouteState();

2
src/app/pages/send/ordinal-inscription/send-indcription-form-loader.tsx
View File

@@ -3,7 +3,7 @@ import { Stack } from '@stacks/ui';
import { LoadingSpinner } from '@app/components/loading-spinner';
interface SendInscriptionFormLoaderProps {
children: JSX.Element;
children: React.JSX.Element;
isLoading: boolean;
}

4
src/app/pages/send/send-crypto-asset-form/components/recipient-field.tsx
View File

@@ -1,4 +1,4 @@
import { JSX, useEffect } from 'react';
import { useEffect } from 'react';
import { SendCryptoAssetSelectors } from '@tests/selectors/send.selectors';
import { useField, useFormikContext } from 'formik';
@@ -15,7 +15,7 @@ interface RecipientFieldProps {
onBlur?(): void;
onClickLabelAction?(): void;
placeholder: string;
topInputOverlay?: JSX.Element;
topInputOverlay?: React.JSX.Element;
}
export function RecipientField({
isDisabled,

2
src/app/pages/send/send-crypto-asset-form/components/recipient-fields/recipient-field-address.tsx
View File

@@ -4,7 +4,7 @@ interface RecipientFieldAddressProps {
isSelectVisible: boolean;
onClickLabelAction(): void;
selectedRecipientField: number;
topInputOverlay: JSX.Element;
topInputOverlay: React.JSX.Element;
}
export function RecipientFieldAddress({
isSelectVisible,

2
src/app/pages/send/send-crypto-asset-form/components/recipient-fields/recipient-field-bns-name.tsx
View File

@@ -15,7 +15,7 @@ interface RecipientFieldBnsNameProps {
isSelectVisible: boolean;
onClickLabelAction(): void;
selectedRecipientField: number;
topInputOverlay: JSX.Element;
topInputOverlay: React.JSX.Element;
}
export function RecipientFieldBnsName({
fetchFn,

2
src/app/pages/send/send-crypto-asset-form/components/selected-asset-field.tsx
View File

@@ -5,7 +5,7 @@ import { useOnMount } from '@app/common/hooks/use-on-mount';
import { SpaceBetween } from '@app/components/layout/space-between';
interface SelectedAssetFieldProps {
icon: JSX.Element;
icon: React.JSX.Element;
name: string;
symbol: string;
}

2
src/app/pages/send/send-crypto-asset-form/form/stacks-sip10/sip10-token-send-form.tsx
View File

@@ -16,7 +16,7 @@ export function Sip10TokenSendForm() {
}
interface Sip10TokenSendFormLoaderProps {
children: (data: { symbol: string; contractId: string }) => JSX.Element;
children: (data: { symbol: string; contractId: string }) => React.JSX.Element;
}
function Sip10TokenSendFormLoader({ children }: Sip10TokenSendFormLoaderProps) {

4
src/app/pages/send/send-crypto-asset-form/form/stacks/stacks-common-send-form.tsx
View File

@@ -29,8 +29,8 @@ interface StacksCommonSendFormProps {
): Promise<void>;
initialValues: StacksSendFormValues;
validationSchema: ObjectSchema<any>;
amountField: JSX.Element;
selectedAssetField: JSX.Element;
amountField: React.JSX.Element;
selectedAssetField: React.JSX.Element;
availableTokenBalance: Money;
fees?: Fees;
}

2
src/app/pages/stacks-message-signing-request/components/clarity-value-list.tsx
View File

@@ -9,7 +9,7 @@ import {
TupleNodeValueDisplayer,
} from './nested-tuple-displayer';
function wrapText(text: string): JSX.Element {
function wrapText(text: string): React.JSX.Element {
return <>{text}</>;
}

2
src/app/pages/transaction-request/components/attachment-row.tsx
View File

@@ -3,7 +3,7 @@ import { useTransactionRequestState } from '@app/store/transactions/requests.hoo
import { Row } from './row';
export function AttachmentRow(): JSX.Element | null {
export function AttachmentRow(): React.JSX.Element | null {
const pendingTransaction = useTransactionRequestState();
return pendingTransaction?.attachment ? (
<Row name="Attachment" value={hexToHumanReadable(pendingTransaction.attachment)} />

2
src/app/pages/transaction-request/components/contract-call-details/function-argument-item.tsx
View File

@@ -8,7 +8,7 @@ interface FunctionArgumentProps {
index: number;
}
export function FunctionArgumentItem(props: FunctionArgumentProps): JSX.Element {
export function FunctionArgumentItem(props: FunctionArgumentProps): React.JSX.Element {
const { arg, index, ...rest } = props;
const contractFunction = useContractFunction();
const argCV = deserializeCV(Buffer.from(arg, 'hex'));

2
src/app/pages/transaction-request/components/contract-call-details/function-arguments-list.tsx
View File

@@ -8,7 +8,7 @@ import { useTransactionRequestState } from '@app/store/transactions/requests.hoo
import { FunctionArgumentItem } from './function-argument-item';
function FunctionArgumentsListBase(props: StackProps): JSX.Element | null {
function FunctionArgumentsListBase(props: StackProps): React.JSX.Element | null {
const transactionRequest = useTransactionRequestState();
if (!transactionRequest || transactionRequest.txType !== 'contract_call') {

6
src/app/pages/transaction-request/components/contract-deploy-details/contract-deploy-details.tsx
View File

@@ -14,7 +14,7 @@ import {
} from '@app/store/accounts/blockchain/stacks/stacks-account.hooks';
import { useTransactionRequestState } from '@app/store/transactions/requests.hooks';
function ContractCodeSection(): JSX.Element | null {
function ContractCodeSection(): React.JSX.Element | null {
const transactionRequest = useTransactionRequestState();
const currentAccount = useCurrentStacksAccount();
@@ -47,7 +47,7 @@ interface TabButtonProps extends BoxProps {
isActive: boolean;
}
function TabButton(props: TabButtonProps): JSX.Element {
function TabButton(props: TabButtonProps): React.JSX.Element {
const { isActive, ...rest } = props;
return (
@@ -64,7 +64,7 @@ function TabButton(props: TabButtonProps): JSX.Element {
);
}
export function ContractDeployDetails(): JSX.Element | null {
export function ContractDeployDetails(): React.JSX.Element | null {
const transactionRequest = useTransactionRequestState();
const currentAccount = useCurrentStacksAccount();
const currentAccountStxAddress = useCurrentAccountStxAddressState();

2
src/app/pages/transaction-request/components/post-condition-mode-warning.tsx
View File

@@ -5,7 +5,7 @@ import { Box, Flex, Text, color } from '@stacks/ui';
import { usePostConditionModeState } from '@app/store/transactions/post-conditions.hooks';
export function PostConditionModeWarning(): JSX.Element | null {
export function PostConditionModeWarning(): React.JSX.Element | null {
const mode = usePostConditionModeState();
if (mode !== PostConditionMode.Allow) return null;

6
src/app/pages/transaction-request/components/post-conditions/fungible-post-condition-item.tsx
View File

@@ -27,7 +27,7 @@ interface FungiblePostConditionItemProps {
function FungiblePostConditionItemSuspense(
props: FungiblePostConditionItemProps
): JSX.Element | null {
): React.JSX.Element | null {
const { isLast, pc } = props;
const currentAccount = useCurrentStacksAccount();
const pendingTransaction = useTransactionRequestState();
@@ -84,7 +84,9 @@ function FungiblePostConditionItemSuspense(
);
}
export function FungiblePostConditionItem(props: FungiblePostConditionItemProps): JSX.Element {
export function FungiblePostConditionItem(
props: FungiblePostConditionItemProps
): React.JSX.Element {
return (
<Suspense fallback={<LoadingSpinner height="190px" />}>
<FungiblePostConditionItemSuspense {...props} />

2
src/app/pages/transaction-request/components/post-conditions/no-post-conditions.tsx
View File

@@ -5,7 +5,7 @@ import { color } from '@stacks/ui-utils';
import { Body } from '@app/components/typography';
export function NoPostConditions(): JSX.Element {
export function NoPostConditions(): React.JSX.Element {
return (
<Stack alignItems="center" spacing="base" p="base-loose" isInline>
<Circle bg={color('bg-4')} flexShrink={0}>

4
src/app/pages/transaction-request/components/post-conditions/post-condition-item.tsx
View File

@@ -22,7 +22,7 @@ interface PostConditionItemProps {
pc: STXPostCondition | NonFungiblePostCondition;
}
function PostConditionItemSuspense(props: PostConditionItemProps): JSX.Element | null {
function PostConditionItemSuspense(props: PostConditionItemProps): React.JSX.Element | null {
const { pc, isLast } = props;
const currentAccount = useCurrentStacksAccount();
const pendingTransaction = useTransactionRequestState();
@@ -70,7 +70,7 @@ function PostConditionItemSuspense(props: PostConditionItemProps): JSX.Element |
);
}
export function PostConditionItem(props: PostConditionItemProps): JSX.Element {
export function PostConditionItem(props: PostConditionItemProps): React.JSX.Element {
return (
<Suspense fallback={<LoadingSpinner height="190px" />}>
<PostConditionItemSuspense {...props} />

2
src/app/pages/transaction-request/components/post-conditions/post-conditions-list.tsx
View File

@@ -5,7 +5,7 @@ import { useTransactionPostConditions } from '@app/store/transactions/transactio
import { FungiblePostConditionItem } from './fungible-post-condition-item';
import { PostConditionItem } from './post-condition-item';
export function PostConditionsList(): JSX.Element {
export function PostConditionsList(): React.JSX.Element {
const postConditions = useTransactionPostConditions();
return (

4
src/app/pages/transaction-request/components/post-conditions/post-conditions.tsx
View File

@@ -14,7 +14,7 @@ import { NoPostConditions } from './no-post-conditions';
import { PostConditionsList } from './post-conditions-list';
import { StxPostCondition } from './stx-post-condition';
function PostConditionsSuspense(): JSX.Element | null {
function PostConditionsSuspense(): React.JSX.Element | null {
const postConditions = useTransactionPostConditions();
const mode = usePostConditionModeState();
const pendingTransaction = useTransactionRequestState();
@@ -48,7 +48,7 @@ function PostConditionsSuspense(): JSX.Element | null {
);
}
export function PostConditions(): JSX.Element {
export function PostConditions(): React.JSX.Element {
return (
<Suspense fallback={<></>}>
<PostConditionsSuspense />

2
src/app/pages/transaction-request/components/post-conditions/stx-post-condition.tsx
View File

@@ -5,7 +5,7 @@ import { stacksValue } from '@app/common/stacks-utils';
import { EventCard } from '@app/components/event-card';
import { useTransactionRequestState } from '@app/store/transactions/requests.hooks';
export function StxPostCondition(): JSX.Element | null {
export function StxPostCondition(): React.JSX.Element | null {
const pendingTransaction = useTransactionRequestState();
if (!pendingTransaction || pendingTransaction.txType !== TransactionTypes.STXTransfer)

4
src/app/pages/transaction-request/components/row.tsx
View File

@@ -6,12 +6,12 @@ import { Caption } from '@app/components/typography';
import { PrincipalValue } from './principal-value';
interface RowProps extends StackProps {
name?: string | JSX.Element | null;
name?: string | React.JSX.Element | null;
type?: string;
value: string;
}
export function Row(props: RowProps): JSX.Element {
export function Row(props: RowProps): React.JSX.Element {
const { name, type, value, ...rest } = props;
return (

2
src/app/pages/transaction-request/components/stx-transfer-details/stx-transfer-details.tsx
View File

@@ -6,7 +6,7 @@ import { AttachmentRow } from '@app/pages/transaction-request/components/attachm
import { Row } from '@app/pages/transaction-request/components/row';
import { useTransactionRequestState } from '@app/store/transactions/requests.hooks';
export function StxTransferDetails(): JSX.Element | null {
export function StxTransferDetails(): React.JSX.Element | null {
const pendingTransaction = useTransactionRequestState();
if (!pendingTransaction || pendingTransaction.txType !== 'token_transfer') {

2
src/app/pages/transaction-request/components/submit-action.tsx
View File

@@ -12,7 +12,7 @@ import { useDrawers } from '@app/common/hooks/use-drawers';
import { LoadingKeys, useLoading } from '@app/common/hooks/use-loading';
import { useTransactionError } from '@app/pages/transaction-request/hooks/use-transaction-error';
function BaseConfirmButton(props: ButtonProps): JSX.Element {
function BaseConfirmButton(props: ButtonProps): React.JSX.Element {
return (
<Button borderRadius="10px" mt="base" py="base" type="submit" width="100%" {...props}>
Confirm

4
src/app/pages/transaction-request/components/transaction-error/error-message.tsx
View File

@@ -7,8 +7,8 @@ import { Caption, Text } from '@app/components/typography';
interface ErrorMessageProps extends StackProps {
title: string;
body: string | JSX.Element;
actions?: JSX.Element;
body: string | React.JSX.Element;
actions?: React.JSX.Element;
}
export const ErrorMessage = memo(({ title, body, actions, ...rest }: ErrorMessageProps) => {
return (

2
src/app/pages/update-profile-request/components/profile-box.tsx
View File

@@ -44,7 +44,7 @@ function Properties({ p }: { p: any }) {
);
}
export function ProfileBox({ profile }: { profile: Profile }): JSX.Element | null {
export function ProfileBox({ profile }: { profile: Profile }): React.JSX.Element | null {
return (
<Box minHeight={'260px'}>
<Stack

2
src/app/pages/update-profile-request/components/update-action.tsx
View File

@@ -57,7 +57,7 @@ export function UpdateAction({
profileUpdaterPayload,
}: {
profileUpdaterPayload: ProfileUpdatePayload;
}): JSX.Element | null {
}): React.JSX.Element | null {
const { profile: publicProfile } = profileUpdaterPayload;
const { tabId, requestToken } = useProfileUpdateRequestSearchParams();

2
src/shared/models/transactions/stacks-transaction.model.ts
View File

@@ -18,7 +18,7 @@ export interface FtTransfer {
export interface TxTransferDetails {
caption: string;
icon: JSX.Element;
icon: React.JSX.Element;
link: string;
title: string;
value: number | string | null;