Update the store helper and broadcast dialog

components/broadcast-dialog.tsx

@@ -14,10 +14,6 @@ interface BroadcastDialogProps {
   setOpen: (open: boolean) => void;
 }
 
-interface BroadcastMessage {
-  message: string;
-}
-
 export default function BroadcastDialog({ open, setOpen }: BroadcastDialogProps) {
   const [broadcastMessage, setBroadcastMessage] = useState<string>("");
   const [sendingBroadcast, setSendingBroadcast] = useState<boolean>(false);
@@ -31,8 +27,15 @@ export default function BroadcastDialog({ open, setOpen }: BroadcastDialogProps)
 
     try {
       setSendingBroadcast(true);
-      await apiRequest("/storefront/broadcast", "POST", { message: broadcastMessage });
-      toast.success("Broadcast message sent successfully!");
+
+      // ✅ API Call
+      const response = await apiRequest("/storefront/broadcast", "POST", { message: broadcastMessage });
+
+      if (response.error) {
+        throw new Error(response.error);
+      }
+
+      toast.success(`Broadcast sent to ${response.totalUsers} users!`);
       setBroadcastMessage("");
       setOpen(false);
     } catch (error) {
@@ -49,14 +52,20 @@ export default function BroadcastDialog({ open, setOpen }: BroadcastDialogProps)
           <Send className="h-6 w-6 text-emerald-600" />
           <DialogTitle>Global Broadcast Message</DialogTitle>
         </DialogHeader>
-        <Textarea value={broadcastMessage} onChange={(e) => setBroadcastMessage(e.target.value)} />
+        <Textarea
+          placeholder="Type your message here..."
+          value={broadcastMessage}
+          onChange={(e) => setBroadcastMessage(e.target.value)}
+        />
         <DialogFooter>
-          <Button onClick={() => setOpen(false)}>Cancel</Button>
-          <Button onClick={sendBroadcast} disabled={sendingBroadcast}>
+          <Button onClick={() => setOpen(false)} variant="secondary">
+            Cancel
+          </Button>
+          <Button onClick={sendBroadcast} disabled={sendingBroadcast} className="bg-emerald-600 hover:bg-emerald-700">
             {sendingBroadcast ? "Sending..." : "Send Broadcast"}
           </Button>
         </DialogFooter>
       </DialogContent>
     </Dialog>
   );
-}
+}