From d07fc02398e7c8a6df75f910a96e727e1a8dec55 Mon Sep 17 00:00:00 2001 From: Josh Leonard <30185185+josheleonard@users.noreply.github.com> Date: Thu, 17 Aug 2023 17:55:57 -0400 Subject: [PATCH] fix: token form stories --- .../desktop/select-network-dropdown/index.tsx | 3 ++- .../add-suggested-token-panel/index.tsx | 16 +++++++--------- .../add-custom-token-form.tsx | 2 +- .../shared/select-network-item/index.tsx | 4 ++-- .../components/shared/select-network/index.tsx | 2 +- .../stories/wallet-extension-panels.tsx | 4 +++- 6 files changed, 16 insertions(+), 15 deletions(-) diff --git a/components/brave_wallet_ui/components/desktop/select-network-dropdown/index.tsx b/components/brave_wallet_ui/components/desktop/select-network-dropdown/index.tsx index fbf28d77988a..35773dc08f56 100644 --- a/components/brave_wallet_ui/components/desktop/select-network-dropdown/index.tsx +++ b/components/brave_wallet_ui/components/desktop/select-network-dropdown/index.tsx @@ -12,7 +12,8 @@ import { AllNetworksOption } from '../../../options/network-filter-options' import { BraveWallet } from '../../../constants/types' // Components -import { SelectNetwork, CreateNetworkIcon } from '../../shared' +import { CreateNetworkIcon } from '../../shared/create-network-icon/index' +import { SelectNetwork } from '../../shared/select-network/index' // Styled Components import { diff --git a/components/brave_wallet_ui/components/extension/add-suggested-token-panel/index.tsx b/components/brave_wallet_ui/components/extension/add-suggested-token-panel/index.tsx index ee691d24c76f..4ad438e96603 100644 --- a/components/brave_wallet_ui/components/extension/add-suggested-token-panel/index.tsx +++ b/components/brave_wallet_ui/components/extension/add-suggested-token-panel/index.tsx @@ -3,6 +3,7 @@ // License, v. 2.0. If a copy of the MPL was not distributed with this file, // you can obtain one at https://mozilla.org/MPL/2.0/. import * as React from 'react' +import { skipToken } from '@reduxjs/toolkit/query' // Styled Components import { @@ -21,26 +22,23 @@ import { import { URLText } from '../shared-panel-styles' // Components -import { - withPlaceholderIcon, - Tooltip, - CreateSiteOrigin, - LoadingSkeleton -} from '../../shared' -import { NavButton } from '..' +import withPlaceholderIcon from '../../shared/create-placeholder-icon/index' +import { Tooltip } from '../../shared/tooltip/index' +import CreateSiteOrigin from '../../shared/create-site-origin/index' +import LoadingSkeleton from '../../shared/loading-skeleton/index' +import { NavButton } from '../buttons/nav-button/index' // Utils import { reduceAddress } from '../../../utils/reduce-address' import { getLocale } from '../../../../common/locale' // Hooks -import { useExplorer } from '../../../common/hooks' +import useExplorer from '../../../common/hooks/explorer' import { useApproveOrDeclineTokenSuggestionMutation, useGetNetworkQuery, useGetPendingTokenSuggestionRequestsQuery } from '../../../common/slices/api.slice' -import { skipToken } from '@reduxjs/toolkit/dist/query' const AssetIconWithPlaceholder = withPlaceholderIcon(AssetIcon, { size: 'big', diff --git a/components/brave_wallet_ui/components/shared/add-custom-token-form/add-custom-token-form.tsx b/components/brave_wallet_ui/components/shared/add-custom-token-form/add-custom-token-form.tsx index 1d980fea0149..da2fc1d0f5da 100644 --- a/components/brave_wallet_ui/components/shared/add-custom-token-form/add-custom-token-form.tsx +++ b/components/brave_wallet_ui/components/shared/add-custom-token-form/add-custom-token-form.tsx @@ -36,7 +36,7 @@ import { } from '../../../common/slices/api.slice.extra' // components -import { SelectNetworkDropdown } from '../../desktop' +import { SelectNetworkDropdown } from '../../desktop/select-network-dropdown/index' import Tooltip from '../tooltip' import { FormErrorsList } from './form-errors-list' diff --git a/components/brave_wallet_ui/components/shared/select-network-item/index.tsx b/components/brave_wallet_ui/components/shared/select-network-item/index.tsx index 55553f625441..5f73a1e736e3 100644 --- a/components/brave_wallet_ui/components/shared/select-network-item/index.tsx +++ b/components/brave_wallet_ui/components/shared/select-network-item/index.tsx @@ -9,7 +9,7 @@ import { BraveWallet } from '../../../constants/types' import { AllNetworksOption } from '../../../options/network-filter-options' // Components -import { CreateNetworkIcon } from '../' +import { CreateNetworkIcon } from '../create-network-icon/index' // Styled Components import { @@ -25,7 +25,7 @@ export interface Props { onSelectCustomNetwork: (network: BraveWallet.NetworkInfo) => void } -function SelectNetworkItem (props: Props) { +export function SelectNetworkItem (props: Props) { const { network, selectedNetwork, onSelectCustomNetwork } = props // methods diff --git a/components/brave_wallet_ui/components/shared/select-network/index.tsx b/components/brave_wallet_ui/components/shared/select-network/index.tsx index 5bddef869f80..991a30a76910 100644 --- a/components/brave_wallet_ui/components/shared/select-network/index.tsx +++ b/components/brave_wallet_ui/components/shared/select-network/index.tsx @@ -12,7 +12,7 @@ import { BraveWallet } from '../../../constants/types' import { useGetVisibleNetworksQuery } from '../../../common/slices/api.slice' // components -import SelectNetworkItem from '../select-network-item' +import { SelectNetworkItem } from '../select-network-item/index' interface Props { onSelectCustomNetwork: (network: BraveWallet.NetworkInfo) => void diff --git a/components/brave_wallet_ui/stories/wallet-extension-panels.tsx b/components/brave_wallet_ui/stories/wallet-extension-panels.tsx index 8e0a4152cc32..544a77f8a754 100644 --- a/components/brave_wallet_ui/stories/wallet-extension-panels.tsx +++ b/components/brave_wallet_ui/stories/wallet-extension-panels.tsx @@ -842,7 +842,9 @@ _ConnectHardwareWallet.story = { export const _AddSuggestedToken = () => { return ( - + + + ) }