From 99be8aedbf9ea90a4ed52c4d2f68b940bd5a58e5 Mon Sep 17 00:00:00 2001
From: Matthew Russell <mattrussell36@gmail.com>
Date: Mon, 19 Feb 2024 18:33:00 -0800
Subject: [PATCH] feat: add profile dialog

---
 apps/trading/components/profile-dialog/index.ts      |  1 +
 .../components/profile-dialog/profile-dialog.tsx     | 12 ++++++++++++
 apps/trading/pages/dialogs-container.tsx             |  2 ++
 apps/trading/stores/profile-dialog-store.ts          | 11 +++++++++++
 4 files changed, 26 insertions(+)
 create mode 100644 apps/trading/components/profile-dialog/index.ts
 create mode 100644 apps/trading/components/profile-dialog/profile-dialog.tsx
 create mode 100644 apps/trading/stores/profile-dialog-store.ts

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 (
+    <Dialog open={open} onChange={setOpen}>
+      <div>Content</div>
+    </Dialog>
+  );
+};
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 = () => {
       <WelcomeDialog />
       <Web3ConnectUncontrolledDialog />
       <WithdrawalApprovalDialogContainer />
+      <ProfileDialog />
     </>
   );
 };
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<ProfileDialogStore>((set) => ({
+  open: false,
+  setOpen: (open) => set({ open }),
+}));