diff --git a/components/brave_wallet_ui/components/buy-send-swap/accounts-assets-networks/index.tsx b/components/brave_wallet_ui/components/buy-send-swap/accounts-assets-networks/index.tsx index 8996e4efe0c..eb5c9dac686 100644 --- a/components/brave_wallet_ui/components/buy-send-swap/accounts-assets-networks/index.tsx +++ b/components/brave_wallet_ui/components/buy-send-swap/accounts-assets-networks/index.tsx @@ -23,6 +23,7 @@ export interface Props { networkList: EthereumChain[] assetOptions: AccountAssetOptionType[] selectedNetwork: EthereumChain + onAddAsset: () => void onClickSelectAccount: (account: UserAccountType) => () => void onClickSelectNetwork: (network: EthereumChain) => () => void onSelectedAsset: (account: AccountAssetOptionType) => () => void @@ -37,6 +38,7 @@ function SelectHeader (props: Props) { networkList, assetOptions, selectedNetwork, + onAddAsset, onClickSelectAccount, goBack, onSelectedAsset, @@ -55,6 +57,7 @@ function SelectHeader (props: Props) { } {selectedView === 'assets' && diff --git a/components/brave_wallet_ui/components/buy-send-swap/select-asset/index.tsx b/components/brave_wallet_ui/components/buy-send-swap/select-asset/index.tsx index 15709aea907..c9c359cdc53 100644 --- a/components/brave_wallet_ui/components/buy-send-swap/select-asset/index.tsx +++ b/components/brave_wallet_ui/components/buy-send-swap/select-asset/index.tsx @@ -16,12 +16,18 @@ import { export interface Props { assets: AccountAssetOptionType[] + onAddAsset: () => void onSelectAsset: (asset: AccountAssetOptionType) => () => void onBack: () => void } function SelectAsset (props: Props) { - const { assets, onBack, onSelectAsset } = props + const { + assets, + onAddAsset, + onBack, + onSelectAsset + } = props const fuse = React.useMemo(() => new Fuse(assets, { shouldSort: true, @@ -51,7 +57,12 @@ function SelectAsset (props: Props) { return ( -
+
{ diff --git a/components/brave_wallet_ui/components/buy-send-swap/select-header/index.tsx b/components/brave_wallet_ui/components/buy-send-swap/select-header/index.tsx index 4229d6d6679..a4a38270f99 100644 --- a/components/brave_wallet_ui/components/buy-send-swap/select-header/index.tsx +++ b/components/brave_wallet_ui/components/buy-send-swap/select-header/index.tsx @@ -13,18 +13,18 @@ import { export interface Props { title: string hasAddButton?: boolean - onAddAccount?: () => void + onClickAdd?: () => void onBack: () => void } function SelectHeader (props: Props) { - const { onBack, title, hasAddButton, onAddAccount } = props + const { onBack, title, hasAddButton, onClickAdd } = props return (
{title} {hasAddButton ? ( - ) : ( diff --git a/components/brave_wallet_ui/components/buy-send-swap/select-network-with-header/index.tsx b/components/brave_wallet_ui/components/buy-send-swap/select-network-with-header/index.tsx index 69093653e63..42a67916529 100644 --- a/components/brave_wallet_ui/components/buy-send-swap/select-network-with-header/index.tsx +++ b/components/brave_wallet_ui/components/buy-send-swap/select-network-with-header/index.tsx @@ -24,8 +24,9 @@ function SelectNetworkWithHeader (props: Props) {
+ onBack={onBack} + hasAddButton={hasAddButton} + onClickAdd={onAddNetwork} /> void onSetBuyAmount: (value: string) => void onAddNetwork: () => void + onAddAsset: () => void } function BuyTab (props: Props) { @@ -38,6 +39,7 @@ function BuyTab (props: Props) { showHeader, assetOptions, defaultCurrencies, + onAddAsset, onSubmit, onSelectNetwork, onSelectAccount, @@ -113,6 +115,7 @@ function BuyTab (props: Props) { onSelectedAsset={onSelectedAsset} selectedView={buyView} onAddNetwork={onAddNetwork} + onAddAsset={onAddAsset} /> } diff --git a/components/brave_wallet_ui/components/buy-send-swap/tabs/send-tab.tsx b/components/brave_wallet_ui/components/buy-send-swap/tabs/send-tab.tsx index 205f91abe40..7645970a147 100644 --- a/components/brave_wallet_ui/components/buy-send-swap/tabs/send-tab.tsx +++ b/components/brave_wallet_ui/components/buy-send-swap/tabs/send-tab.tsx @@ -33,6 +33,7 @@ export interface Props { onSelectPresetAmount: (percent: number) => void networkList: EthereumChain[] onAddNetwork: () => void + onAddAsset: () => void } function SendTab (props: Props) { @@ -56,7 +57,8 @@ function SendTab (props: Props) { onSetSendAmount, onSetToAddressOrUrl, onSelectPresetAmount, - onAddNetwork + onAddNetwork, + onAddAsset } = props const [sendView, setSendView] = React.useState('send') @@ -132,6 +134,7 @@ function SendTab (props: Props) { onSelectedAsset={onSelectedAsset} selectedView={sendView} onAddNetwork={onAddNetwork} + onAddAsset={onAddAsset} /> } diff --git a/components/brave_wallet_ui/components/buy-send-swap/tabs/swap-tab.tsx b/components/brave_wallet_ui/components/buy-send-swap/tabs/swap-tab.tsx index 99b884ed508..107bb67fb66 100644 --- a/components/brave_wallet_ui/components/buy-send-swap/tabs/swap-tab.tsx +++ b/components/brave_wallet_ui/components/buy-send-swap/tabs/swap-tab.tsx @@ -51,6 +51,7 @@ export interface Props { onSelectPresetAmount: (percent: number) => void onQuoteRefresh: () => void onAddNetwork: () => void + onAddAsset: () => void } function SwapTab (props: Props) { @@ -88,7 +89,8 @@ function SwapTab (props: Props) { onSetToAmount, onSelectPresetAmount, onQuoteRefresh, - onAddNetwork + onAddNetwork, + onAddAsset } = props const [swapView, setSwapView] = React.useState('swap') const [isSelectingAsset, setIsSelectingAsset] = React.useState('from') @@ -189,6 +191,7 @@ function SwapTab (props: Props) { onSelectedAsset={onSelectAsset} selectedView={swapView} onAddNetwork={onAddNetwork} + onAddAsset={onAddAsset} /> } diff --git a/components/brave_wallet_ui/components/desktop/views/crypto/index.tsx b/components/brave_wallet_ui/components/desktop/views/crypto/index.tsx index cf830f66fe7..2df0b7e47a1 100644 --- a/components/brave_wallet_ui/components/desktop/views/crypto/index.tsx +++ b/components/brave_wallet_ui/components/desktop/views/crypto/index.tsx @@ -45,7 +45,6 @@ export interface Props { onShowAddModal: () => void onHideAddModal: () => void onSelectNetwork: (network: EthereumChain) => void - fetchFullTokenList: () => void onRemoveAccount: (address: string, hardware: boolean) => void onViewPrivateKey: (address: string, isDefault: boolean) => void onDoneViewingPrivateKey: () => void @@ -84,6 +83,8 @@ export interface Props { onRetryTransaction: (transaction: TransactionInfo) => void onSpeedupTransaction: (transaction: TransactionInfo) => void onCancelTransaction: (transaction: TransactionInfo) => void + onShowVisibleAssetsModal: (showModal: boolean) => void + showVisibleAssetsModal: boolean } const CryptoView = (props: Props) => { @@ -99,7 +100,6 @@ const CryptoView = (props: Props) => { getBalance, onImportAccount, onUpdateAccountName, - fetchFullTokenList, onSelectNetwork, onRemoveAccount, onViewPrivateKey, @@ -112,6 +112,8 @@ const CryptoView = (props: Props) => { onOpenWalletSettings, onShowAddModal, onHideAddModal, + onShowVisibleAssetsModal, + showVisibleAssetsModal, defaultCurrencies, defaultWallet, addUserAssetError, @@ -156,9 +158,13 @@ const CryptoView = (props: Props) => { React.useEffect(() => { if (category === 'portfolio') { if (id !== undefined) { - const asset = userVisibleTokensInfo.find((token) => token.symbol.toLowerCase() === id?.toLowerCase()) - onSelectAsset(asset) - setHideNav(true) + if (id === 'add-asset') { + onShowVisibleAssetsModal(true) + } else { + const asset = userVisibleTokensInfo.find((token) => token.symbol.toLowerCase() === id?.toLowerCase()) + onSelectAsset(asset) + setHideNav(true) + } } else { onSelectAsset(undefined) setHideNav(false) @@ -274,7 +280,6 @@ const CryptoView = (props: Props) => { onSelectAccount={onSelectAccount} onClickAddAccount={onClickAddAccount} onSelectNetwork={onSelectNetwork} - fetchFullTokenList={fetchFullTokenList} onAddUserAsset={onAddUserAsset} onSetUserAssetVisible={onSetUserAssetVisible} onRemoveUserAsset={onRemoveUserAsset} @@ -292,6 +297,8 @@ const CryptoView = (props: Props) => { isFetchingPortfolioPriceHistory={isFetchingPortfolioPriceHistory} transactionSpotPrices={transactionSpotPrices} addUserAssetError={addUserAssetError} + showVisibleAssetsModal={showVisibleAssetsModal} + onShowVisibleAssetsModal={onShowVisibleAssetsModal} onRetryTransaction={onRetryTransaction} onSpeedupTransaction={onSpeedupTransaction} onCancelTransaction={onCancelTransaction} diff --git a/components/brave_wallet_ui/components/desktop/views/portfolio/index.tsx b/components/brave_wallet_ui/components/desktop/views/portfolio/index.tsx index f97a92abd81..5c98f653a57 100644 --- a/components/brave_wallet_ui/components/desktop/views/portfolio/index.tsx +++ b/components/brave_wallet_ui/components/desktop/views/portfolio/index.tsx @@ -79,11 +79,12 @@ export interface Props { onSelectAsset: (asset: ERCToken | undefined) => void onSelectAccount: (account: WalletAccountType) => void onClickAddAccount: () => void - fetchFullTokenList: () => void onSelectNetwork: (network: EthereumChain) => void onAddUserAsset: (token: ERCToken) => void onSetUserAssetVisible: (token: ERCToken, isVisible: boolean) => void + onShowVisibleAssetsModal: (showModal: boolean) => void onRemoveUserAsset: (token: ERCToken) => void + showVisibleAssetsModal: boolean defaultCurrencies: DefaultCurrencies addUserAssetError: boolean selectedNetwork: EthereumChain @@ -117,10 +118,11 @@ const Portfolio = (props: Props) => { onSelectAccount, onClickAddAccount, onSelectNetwork, - fetchFullTokenList, onAddUserAsset, onSetUserAssetVisible, onRemoveUserAsset, + onShowVisibleAssetsModal, + showVisibleAssetsModal, defaultCurrencies, addUserAssetError, userVisibleTokensInfo, @@ -151,7 +153,6 @@ const Portfolio = (props: Props) => { const [hoverBalance, setHoverBalance] = React.useState() const [hoverPrice, setHoverPrice] = React.useState() const [showNetworkDropdown, setShowNetworkDropdown] = React.useState(false) - const [showVisibleAssetsModal, setShowVisibleAssetsModal] = React.useState(false) const parseTransaction = useTransactionParser(selectedNetwork, accounts, transactionSpotPrices, userVisibleTokensInfo) const toggleShowNetworkDropdown = () => { @@ -229,10 +230,7 @@ const Portfolio = (props: Props) => { } const toggleShowVisibleAssetModal = () => { - if (fullAssetList.length === 0) { - fetchFullTokenList() - } - setShowVisibleAssetsModal(!showVisibleAssetsModal) + onShowVisibleAssetsModal(!showVisibleAssetsModal) } const getFiatBalance = (account: WalletAccountType, asset: ERCToken) => { diff --git a/components/brave_wallet_ui/constants/types.ts b/components/brave_wallet_ui/constants/types.ts index 67e80484dba..a19004eabd1 100644 --- a/components/brave_wallet_ui/constants/types.ts +++ b/components/brave_wallet_ui/constants/types.ts @@ -513,6 +513,7 @@ export enum WalletRoutes { PortfolioSub = '/crypto/portfolio/:id?', Accounts = '/crypto/accounts', AddAccountModal = '/crypto/accounts/add-account', + AddAssetModal = '/crypto/portfolio/add-asset', AccountsSub = '/crypto/accounts/:id?', Backup = '/crypto/backup-wallet', CryptoPage = '/crypto/:category/:id?' diff --git a/components/brave_wallet_ui/page/container.tsx b/components/brave_wallet_ui/page/container.tsx index 05f6e9978d2..5d8bf219e09 100644 --- a/components/brave_wallet_ui/page/container.tsx +++ b/components/brave_wallet_ui/page/container.tsx @@ -118,6 +118,7 @@ function Container (props: Props) { const [inputValue, setInputValue] = React.useState('') const [buyAmount, setBuyAmount] = React.useState('') const [selectedWidgetTab, setSelectedWidgetTab] = React.useState('buy') + const [showVisibleAssetsModal, setShowVisibleAssetsModal] = React.useState(false) const { tokenOptions, @@ -463,6 +464,18 @@ function Container (props: Props) { props.walletActions.expandWalletNetworks() } + const onShowVisibleAssetsModal = (showModal: boolean) => { + if (showModal) { + if (tokenOptions.length === 0) { + fetchFullTokenList() + } + history.push(`${WalletRoutes.AddAssetModal}`) + } else { + history.push(`${WalletRoutes.Portfolio}`) + } + setShowVisibleAssetsModal(showModal) + } + React.useEffect(() => { // Creates a list of Accepted Portfolio Routes const acceptedPortfolioRoutes = userVisibleTokenOptions.map((token) => { @@ -489,6 +502,7 @@ function Container (props: Props) { walletLocation !== WalletRoutes.Backup && walletLocation !== WalletRoutes.Accounts && walletLocation !== WalletRoutes.AddAccountModal && + walletLocation !== WalletRoutes.AddAssetModal && acceptedAccountRoutes.length !== 0 && !acceptedAccountRoutes.includes(walletLocation) && walletLocation !== WalletRoutes.Portfolio && @@ -598,7 +612,6 @@ function Container (props: Props) { showAddModal={showAddModal} onHideAddModal={onHideAddModal} onUpdateAccountName={onUpdateAccountName} - fetchFullTokenList={fetchFullTokenList} selectedNetwork={selectedNetwork} onSelectNetwork={onSelectNetwork} isFetchingPortfolioPriceHistory={isFetchingPortfolioPriceHistory} @@ -624,6 +637,8 @@ function Container (props: Props) { onRetryTransaction={onRetryTransaction} onSpeedupTransaction={onSpeedupTransaction} onCancelTransaction={onCancelTransaction} + onShowVisibleAssetsModal={onShowVisibleAssetsModal} + showVisibleAssetsModal={showVisibleAssetsModal} /> } @@ -685,6 +700,7 @@ function Container (props: Props) { onSwapQuoteRefresh={onSwapQuoteRefresh} onSelectSendAsset={onSelectSendAsset} onAddNetwork={onAddNetwork} + onAddAsset={onShowVisibleAssetsModal} /> } diff --git a/components/brave_wallet_ui/panel/actions/wallet_panel_actions.ts b/components/brave_wallet_ui/panel/actions/wallet_panel_actions.ts index 615b9289b8c..26908a3364e 100644 --- a/components/brave_wallet_ui/panel/actions/wallet_panel_actions.ts +++ b/components/brave_wallet_ui/panel/actions/wallet_panel_actions.ts @@ -42,6 +42,7 @@ export const openWalletSettings = createAction('openWalletSettings') export const openWalletApps = createAction('openWalletApps') export const expandRestoreWallet = createAction('expandRestoreWallet') export const expandWalletAccounts = createAction('expandWalletAccounts') +export const expandWalletAddAsset = createAction('expandWalletAddAsset') export const navigateTo = createAction('navigateTo') export const navigateToMain = createAction('navigateToMain') export const setPanelSwapQuote = createAction('setPanelSwapQuote') diff --git a/components/brave_wallet_ui/panel/async/wallet_panel_async_handler.ts b/components/brave_wallet_ui/panel/async/wallet_panel_async_handler.ts index 78e2ebcf05b..2eda9403146 100644 --- a/components/brave_wallet_ui/panel/async/wallet_panel_async_handler.ts +++ b/components/brave_wallet_ui/panel/async/wallet_panel_async_handler.ts @@ -19,7 +19,8 @@ import { WalletPanelState, PanelState, WalletState, - HardwareInfo + HardwareInfo, + WalletRoutes } from '../../constants/types' import { AccountPayloadType, @@ -386,8 +387,9 @@ handler.on(PanelActions.signMessageHardware.getType(), async (store, messageData } } const payload: SignMessageHardwareProcessedPayload = - signed.success ? { success: signed.success, id: messageData.id, signature: signed.payload } - : { success: signed.success, id: messageData.id, error: signed.error } + signed.success + ? { success: signed.success, id: messageData.id, signature: signed.payload } + : { success: signed.success, id: messageData.id, error: signed.error } store.dispatch(PanelActions.signMessageHardwareProcessed(payload)) await store.dispatch(PanelActions.navigateToMain()) apiProxy.panelHandler.closeUI() @@ -452,7 +454,7 @@ handler.on(PanelActions.openWalletApps.getType(), async (store) => { }) handler.on(PanelActions.expandRestoreWallet.getType(), async (store) => { - chrome.tabs.create({ url: 'chrome://wallet/crypto/restore-wallet' }, () => { + chrome.tabs.create({ url: `chrome://wallet${WalletRoutes.Restore}` }, () => { if (chrome.runtime.lastError) { console.error('tabs.create failed: ' + chrome.runtime.lastError.message) } @@ -460,7 +462,15 @@ handler.on(PanelActions.expandRestoreWallet.getType(), async (store) => { }) handler.on(PanelActions.expandWalletAccounts.getType(), async (store) => { - chrome.tabs.create({ url: 'chrome://wallet/crypto/accounts/add-account' }, () => { + chrome.tabs.create({ url: `chrome://wallet${WalletRoutes.AddAccountModal}` }, () => { + if (chrome.runtime.lastError) { + console.error('tabs.create failed: ' + chrome.runtime.lastError.message) + } + }) +}) + +handler.on(PanelActions.expandWalletAddAsset.getType(), async (store) => { + chrome.tabs.create({ url: `chrome://wallet${WalletRoutes.AddAssetModal}` }, () => { if (chrome.runtime.lastError) { console.error('tabs.create failed: ' + chrome.runtime.lastError.message) } diff --git a/components/brave_wallet_ui/panel/container.tsx b/components/brave_wallet_ui/panel/container.tsx index 97e567a2b24..252cc64b5de 100644 --- a/components/brave_wallet_ui/panel/container.tsx +++ b/components/brave_wallet_ui/panel/container.tsx @@ -469,6 +469,10 @@ function Container (props: Props) { props.walletPanelActions.expandWalletAccounts() } + const onAddAsset = () => { + props.walletPanelActions.expandWalletAddAsset() + } + const onAddSuggestedToken = () => { if (!suggestedToken) { return @@ -656,6 +660,7 @@ function Container (props: Props) { assets={assets} onSelectAsset={onSelectAsset} onBack={onHideSelectAsset} + onAddAsset={onAddAsset} /> diff --git a/components/brave_wallet_ui/stories/screens/buy-send-swap.tsx b/components/brave_wallet_ui/stories/screens/buy-send-swap.tsx index 7c1a89e9bd4..0b593f47d62 100644 --- a/components/brave_wallet_ui/stories/screens/buy-send-swap.tsx +++ b/components/brave_wallet_ui/stories/screens/buy-send-swap.tsx @@ -74,6 +74,7 @@ export interface Props { onSwapQuoteRefresh: () => void onSelectSendAsset: (asset: AccountAssetOptionType, toOrFrom: ToOrFromType) => void onAddNetwork: () => void + onAddAsset: (value: boolean) => void } function BuySendSwap (props: Props) { @@ -130,7 +131,8 @@ function BuySendSwap (props: Props) { onSelectTab, onSwapQuoteRefresh, onSelectSendAsset, - onAddNetwork + onAddNetwork, + onAddAsset } = props // Switched this to useLayoutEffect to fix bad setState call error @@ -157,6 +159,10 @@ function BuySendSwap (props: Props) { onSelectTab(tab) } + const onClickAddAsset = () => { + onAddAsset(true) + } + return ( } {selectedTab === 'send' && @@ -225,6 +232,7 @@ function BuySendSwap (props: Props) { showHeader={true} assetOptions={sendAssetOptions} onAddNetwork={onAddNetwork} + onAddAsset={onClickAddAsset} /> } {selectedTab === 'buy' && @@ -242,6 +250,7 @@ function BuySendSwap (props: Props) { showHeader={true} assetOptions={buyAssetOptions} onAddNetwork={onAddNetwork} + onAddAsset={onClickAddAsset} /> } diff --git a/components/brave_wallet_ui/stories/screens/crypto-story-view.tsx b/components/brave_wallet_ui/stories/screens/crypto-story-view.tsx index 8fe2c2acc78..f139fc1fcff 100644 --- a/components/brave_wallet_ui/stories/screens/crypto-story-view.tsx +++ b/components/brave_wallet_ui/stories/screens/crypto-story-view.tsx @@ -66,7 +66,6 @@ export interface Props { onDoneViewingPrivateKey: () => void onViewPrivateKey: (address: string, isDefault: boolean) => void onRemoveAccount: (address: string, hardware: boolean) => void - fetchFullTokenList: () => void onSelectNetwork: (network: EthereumChain) => void onToggleAddModal: () => void onUpdateAccountName: (payload: UpdateAccountNamePayloadType) => { success: boolean } @@ -78,6 +77,8 @@ export interface Props { onSelectAsset: (asset: ERCToken | undefined) => void onChangeTimeline: (path: AssetPriceTimeframe) => void onShowBackup: () => void + onShowVisibleAssetsModal: (value: boolean) => void + showVisibleAssetsModal: boolean } const CryptoStoryView = (props: Props) => { @@ -105,6 +106,8 @@ const CryptoStoryView = (props: Props) => { isLoading, showAddModal, isFetchingPortfolioPriceHistory, + showVisibleAssetsModal, + onShowVisibleAssetsModal, onAddUserAsset, onSetUserAssetVisible, onRemoveUserAsset, @@ -118,7 +121,6 @@ const CryptoStoryView = (props: Props) => { getBalance, onImportAccount, onUpdateAccountName, - fetchFullTokenList, onSelectNetwork, onToggleAddModal, onRemoveAccount, @@ -277,7 +279,6 @@ const CryptoStoryView = (props: Props) => { onSelectAccount={onSelectAccount} onClickAddAccount={onClickAddAccount} onSelectNetwork={onSelectNetwork} - fetchFullTokenList={fetchFullTokenList} addUserAssetError={false} onAddUserAsset={onAddUserAsset} onRemoveUserAsset={onRemoveUserAsset} @@ -298,6 +299,8 @@ const CryptoStoryView = (props: Props) => { onRetryTransaction={onClickRetryTransaction} onSpeedupTransaction={onClickSpeedupTransaction} onCancelTransaction={onClickCancelTransaction} + onShowVisibleAssetsModal={onShowVisibleAssetsModal} + showVisibleAssetsModal={showVisibleAssetsModal} /> } {selectedTab === 'accounts' && diff --git a/components/brave_wallet_ui/stories/wallet-concept.tsx b/components/brave_wallet_ui/stories/wallet-concept.tsx index 6033befa4cc..28ca4ab85d4 100644 --- a/components/brave_wallet_ui/stories/wallet-concept.tsx +++ b/components/brave_wallet_ui/stories/wallet-concept.tsx @@ -256,6 +256,7 @@ export const _DesktopWalletConcept = (args: { onboarding: boolean, locked: boole const [importWalletError, setImportWalletError] = React.useState({ hasError: false }) const [selectedWidgetTab, setSelectedWidgetTab] = React.useState('buy') const [customTolerance, setCustomTolerance] = React.useState('') + const [showVisibleAssetsModal, setShowVisibleAssetsModal] = React.useState(false) const onToggleRestore = () => { setIsRestoring(!isRestoring) @@ -634,10 +635,6 @@ export const _DesktopWalletConcept = (args: { onboarding: boolean, locked: boole console.log(accounts) } - const fetchFullTokenList = () => { - // Doesnt fetch anything in storybook - } - const onViewPrivateKey = () => { // Doesnt do anything in storybook } @@ -679,6 +676,10 @@ export const _DesktopWalletConcept = (args: { onboarding: boolean, locked: boole alert('Will redirect to Wallet Network Settings') } + const onShowVisibleAssetsModal = (value: boolean) => { + setShowVisibleAssetsModal(value) + } + return ( {/* )} @@ -849,6 +851,7 @@ export const _DesktopWalletConcept = (args: { onboarding: boolean, locked: boole onSwapQuoteRefresh={onSwapQuoteRefresh} onSelectSendAsset={onSelectTransactAsset} onAddNetwork={onAddNetwork} + onAddAsset={onShowVisibleAssetsModal} /> } diff --git a/components/brave_wallet_ui/stories/wallet-extension-panels.tsx b/components/brave_wallet_ui/stories/wallet-extension-panels.tsx index 19054150254..8c7a954ad42 100644 --- a/components/brave_wallet_ui/stories/wallet-extension-panels.tsx +++ b/components/brave_wallet_ui/stories/wallet-extension-panels.tsx @@ -478,6 +478,10 @@ export const _ConnectedPanel = (args: { locked: boolean }) => { console.log('Will redirect user to network settings') } + const onAddAsset = () => { + alert('Will redirect to brave://wallet/crypto/portfolio/add-asset') + } + const connectedAccounts = accounts.slice(0, 2) return ( @@ -511,6 +515,7 @@ export const _ConnectedPanel = (args: { locked: boolean }) => { assets={AccountAssetOptions} onSelectAsset={onSelectAsset} onBack={onHideSelectAsset} + onAddAsset={onAddAsset} /> }