From fc82391c68f0b1f2450822160829c807d50c3a54 Mon Sep 17 00:00:00 2001
From: yashdev9274 <yashdev.yvd@gmail.com>
Date: Sun, 16 Jun 2024 13:43:35 +0530
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20update:=20menu-options,=20add=20?=
 =?UTF-8?q?CustomModal=20provider=20and=20subaccountDetails.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/sidebar/menu-options.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/sidebar/menu-options.tsx b/src/components/sidebar/menu-options.tsx
index 1b3b3a9..59851d2 100644
--- a/src/components/sidebar/menu-options.tsx
+++ b/src/components/sidebar/menu-options.tsx
@@ -27,6 +27,7 @@ import {
 import Link from 'next/link'
 import CustomModal from '../global/custom-modal'
 import { useModal } from '@/providers/modal-provider'
+import SubAccountDetails from '../forms/subaccount-details'
 
 
 type Props = {
@@ -234,7 +235,20 @@ const MenuOptions = ({
                                         <SheetClose>
                                             <Button
                                                 className="w-full flex gap-2"
-                                                onClick={() => { }}
+                                                onClick={() => {
+                                                    setOpen(
+                                                        <CustomModal
+                                                            title="Create A Subaccount"
+                                                            subheading="You can switch between your agency account and the subaccount from the sidebar"
+                                                        >
+                                                            <SubAccountDetails
+                                                                agencyDetails={user?.Agency as Agency}
+                                                                userId={user?.id as string}
+                                                                userName={user?.name}
+                                                            />
+                                                        </CustomModal>
+                                                    )
+                                                }}
                                             >
                                                 <PlusCircleIcon size={15} />
                                                 Create Sub Account