diff --git a/apps/trading/components/profile-dialog/index.ts b/apps/trading/components/profile-dialog/index.ts new file mode 100644 index 000000000..209d23d12 --- /dev/null +++ b/apps/trading/components/profile-dialog/index.ts @@ -0,0 +1 @@ +export { ProfileDialog } from './profile-dialog'; diff --git a/apps/trading/components/profile-dialog/profile-dialog.tsx b/apps/trading/components/profile-dialog/profile-dialog.tsx new file mode 100644 index 000000000..88e6478ae --- /dev/null +++ b/apps/trading/components/profile-dialog/profile-dialog.tsx @@ -0,0 +1,12 @@ +import { Dialog } from '@vegaprotocol/ui-toolkit'; +import { useProfileDialogStore } from '../../stores/profile-dialog-store'; + +export const ProfileDialog = () => { + const open = useProfileDialogStore((store) => store.open); + const setOpen = useProfileDialogStore((store) => store.setOpen); + return ( + +
Content
+
+ ); +}; diff --git a/apps/trading/pages/dialogs-container.tsx b/apps/trading/pages/dialogs-container.tsx index d59499164..f15a3bc03 100644 --- a/apps/trading/pages/dialogs-container.tsx +++ b/apps/trading/pages/dialogs-container.tsx @@ -8,6 +8,7 @@ import { } from '@vegaprotocol/web3'; import { WelcomeDialog } from '../components/welcome-dialog'; import { VegaWalletConnectDialog } from '../components/vega-wallet-connect-dialog'; +import { ProfileDialog } from '../components/profile-dialog'; const DialogsContainer = () => { const { isOpen, id, trigger, setOpen } = useAssetDetailsDialogStore(); @@ -24,6 +25,7 @@ const DialogsContainer = () => { + ); }; diff --git a/apps/trading/stores/profile-dialog-store.ts b/apps/trading/stores/profile-dialog-store.ts new file mode 100644 index 000000000..36935b062 --- /dev/null +++ b/apps/trading/stores/profile-dialog-store.ts @@ -0,0 +1,11 @@ +import { create } from 'zustand'; + +interface ProfileDialogStore { + open: boolean; + setOpen: (open: boolean) => void; +} + +export const useProfileDialogStore = create((set) => ({ + open: false, + setOpen: (open) => set({ open }), +}));