import { titlefy } from '@vegaprotocol/utils'; import { t } from '@vegaprotocol/i18n'; import { PositionsContainer } from '@vegaprotocol/positions'; import { OrderListContainer } from '@vegaprotocol/orders'; import { Tab, LocalStoragePersistTabs as Tabs } from '@vegaprotocol/ui-toolkit'; import { WithdrawalsContainer } from './withdrawals-container'; import { FillsContainer } from '@vegaprotocol/fills'; import type { ReactNode } from 'react'; import { useEffect } from 'react'; import { usePaneLayout } from '@vegaprotocol/react-helpers'; import { VegaWalletContainer } from '../../components/vega-wallet-container'; import { DepositsContainer } from './deposits-container'; import { LayoutPriority } from 'allotment'; import { usePageTitleStore } from '../../stores'; import { LedgerContainer } from '@vegaprotocol/ledger'; import { AccountsContainer } from '../../components/accounts-container'; import { AccountHistoryContainer } from './account-history-container'; import { useMarketClickHandler, useMarketLiquidityClickHandler, } from '../../lib/hooks/use-market-click-handler'; import { ResizableGrid, ResizableGridPanel, } from '../../components/resizable-grid'; export const Portfolio = () => { const { updateTitle } = usePageTitleStore((store) => ({ updateTitle: store.updateTitle, })); useEffect(() => { updateTitle(titlefy([t('Portfolio')])); }, [updateTitle]); const onMarketClick = useMarketClickHandler(true); const onOrderTypeClick = useMarketLiquidityClickHandler(true); const [sizes, handleOnLayoutChange] = usePaneLayout({ id: 'portfolio' }); const wrapperClasses = 'h-full max-h-full flex flex-col'; return (
); }; interface PortfolioGridChildProps { children: ReactNode; } const PortfolioGridChild = ({ children }: PortfolioGridChildProps) => { return (
{children}
); };