diff --git a/src/components/panel/MessageComposer.tsx b/src/components/panel/MessageComposer.tsx index 9e50e18..4b8db7c 100644 --- a/src/components/panel/MessageComposer.tsx +++ b/src/components/panel/MessageComposer.tsx @@ -1,3 +1,4 @@ + import { useState } from "react"; import { Send } from "lucide-react"; import { Button } from "@/components/ui/button"; @@ -27,23 +28,30 @@ export function MessageComposer() { return; } - console.log('Attempting to send message:', { phoneNumber, message }); + const formattedPhoneNumber = phoneNumber.startsWith('+1') ? phoneNumber : `+1${phoneNumber}`; + + console.log('Attempting to store message:', { phoneNumber: formattedPhoneNumber, message }); setIsSending(true); try { - console.log('Invoking send-sms function...'); - const { data, error } = await supabase.functions.invoke('send-sms', { - body: { phoneNumber, message } - }); - - console.log('Response from send-sms:', { data, error }); + // Store the message in Supabase + const { data, error } = await supabase + .from('messages') + .insert([ + { + phone_number: formattedPhoneNumber, + message: message + } + ]) + .select(); if (error) { - console.error('Supabase function error:', error); + console.error('Supabase insert error:', error); throw error; } - toast.success("Message sent successfully!"); + console.log('Message stored successfully:', data); + toast.success("Message stored successfully!"); setMessage(""); setPhoneNumber(""); } catch (error) { @@ -68,7 +76,7 @@ export function MessageComposer() { setPhoneNumber(e.target.value)} className="w-full"