diff --git a/frontend/src/components/SideBar.vue b/frontend/src/components/SideBar.vue index 4eee35b..4405507 100644 --- a/frontend/src/components/SideBar.vue +++ b/frontend/src/components/SideBar.vue @@ -30,6 +30,22 @@ const toggleSidebar = () => { isCollapsed.value = !isCollapsed.value; }; +const clientButtons = ref([ + { + label: "Customer Lookup", + command: () => { + router.push("/clients"); + } + }, + { + label: "Property Lookup", + command: () => { + router.push("/clients"); + } + }, + +]); + const createButtons = ref([ { label: "Client", @@ -72,13 +88,24 @@ const createButtons = ref([ notifications.addWarning("Warranty Claim creation coming soon!"); }, }, + { + lable: "Note", + command: () => { + notifications.addWarning("Sending Notes coming soon!"); + } + }, ]); const categories = ref([ { name: "Home", icon: Home, url: "/" }, { name: "Calendar", icon: Calendar, url: "/calendar" }, - { name: "Clients", icon: Community, url: "/clients" }, - { name: "On-Site Meetings", icon: Neighbourhood, url: "/schedule-onsite" }, + { + name: "Clients", + icon: Community, + //url: "/clients" + buttons: clientButtons, + }, + { name: "Bids", icon: Neighbourhood, url: "/schedule-onsite" }, { name: "Estimates", icon: Calculator, url: "/estimates" }, { name: "Jobs", icon: Hammer, url: "/jobs" }, { name: "Payments/Invoices", icon: ReceiveDollars, url: "/invoices" },