slight cleanup

components/broadcast-dialog.tsx

@@ -6,19 +6,17 @@ import { Textarea } from "@/components/ui/textarea";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "@/components/ui/dialog";
 import { Send } from "lucide-react";
 import { toast } from "sonner";
-import { apiRequest } from "@/lib/storeHelper"; // ✅ API helper
+import { apiRequest } from "@/lib/storeHelper";
 
-// ✅ Define props type
 interface BroadcastDialogProps {
   open: boolean;
   setOpen: (open: boolean) => void;
 }
 
 export default function BroadcastDialog({ open, setOpen }: BroadcastDialogProps) {
-  const [broadcastMessage, setBroadcastMessage] = useState<string>("");
-  const [sendingBroadcast, setSendingBroadcast] = useState<boolean>(false);
+  const [broadcastMessage, setBroadcastMessage] = useState("");
+  const [isSending, setIsSending] = useState(false);
 
-  // ✅ Send Broadcast Message
   const sendBroadcast = async () => {
     if (!broadcastMessage.trim()) {
       toast.warning("Broadcast message cannot be empty.");
@@ -26,14 +24,10 @@ export default function BroadcastDialog({ open, setOpen }: BroadcastDialogProps)
     }
 
     try {
-      setSendingBroadcast(true);
-
-      // ✅ API Call
+      setIsSending(true);
       const response = await apiRequest("/storefront/broadcast", "POST", { message: broadcastMessage });
 
-      if (response.error) {
-        throw new Error(response.error);
-      }
+      if (response.error) throw new Error(response.error);
 
       toast.success(`Broadcast sent to ${response.totalUsers} users!`);
       setBroadcastMessage("");
@@ -41,7 +35,7 @@ export default function BroadcastDialog({ open, setOpen }: BroadcastDialogProps)
     } catch (error) {
       toast.error("Failed to send broadcast message.");
     } finally {
-      setSendingBroadcast(false);
+      setIsSending(false);
     }
   };
 
@@ -52,17 +46,23 @@ export default function BroadcastDialog({ open, setOpen }: BroadcastDialogProps)
           <Send className="h-6 w-6 text-emerald-600" />
           <DialogTitle>Global Broadcast Message</DialogTitle>
         </DialogHeader>
+        
         <Textarea
           placeholder="Type your message here..."
           value={broadcastMessage}
           onChange={(e) => setBroadcastMessage(e.target.value)}
         />
+        
         <DialogFooter>
-          <Button onClick={() => setOpen(false)} variant="secondary">
+          <Button variant="secondary" onClick={() => setOpen(false)}>
             Cancel
           </Button>
-          <Button onClick={sendBroadcast} disabled={sendingBroadcast} className="bg-emerald-600 hover:bg-emerald-700">
-            {sendingBroadcast ? "Sending..." : "Send Broadcast"}
+          <Button 
+            onClick={sendBroadcast} 
+            disabled={isSending}
+            className="bg-emerald-600 hover:bg-emerald-700"
+          >
+            {isSending ? "Sending..." : "Send Broadcast"}
           </Button>
         </DialogFooter>
       </DialogContent>