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 (
+
+ );
+};
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 }),
+}));