fix: token form stories (#19753)

Author: josheleonard

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 {

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',

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'
 

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

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

components/brave_wallet_ui/stories/wallet-extension-panels.tsx

@@ -842,7 +842,9 @@ _ConnectHardwareWallet.story = {
 export const _AddSuggestedToken = () => {
   return (
     <StyledExtensionWrapper>
-      <AddSuggestedTokenPanel />
+      <WalletPanelStory>
+        <AddSuggestedTokenPanel />
+      </WalletPanelStory>
     </StyledExtensionWrapper>
   )
 }