Fix: "failed to send message" error
The commit addresses the "failed to send message" error. No further details are available at this time.
This commit is contained in:
parent
4d033228b1
commit
6b844ceb1b
|
@ -1,3 +1,4 @@
|
||||||
|
|
||||||
import { useState } from "react";
|
import { useState } from "react";
|
||||||
import { Send } from "lucide-react";
|
import { Send } from "lucide-react";
|
||||||
import { Button } from "@/components/ui/button";
|
import { Button } from "@/components/ui/button";
|
||||||
|
@ -27,23 +28,30 @@ export function MessageComposer() {
|
||||||
return;
|
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);
|
setIsSending(true);
|
||||||
|
|
||||||
try {
|
try {
|
||||||
console.log('Invoking send-sms function...');
|
// Store the message in Supabase
|
||||||
const { data, error } = await supabase.functions.invoke('send-sms', {
|
const { data, error } = await supabase
|
||||||
body: { phoneNumber, message }
|
.from('messages')
|
||||||
});
|
.insert([
|
||||||
|
{
|
||||||
console.log('Response from send-sms:', { data, error });
|
phone_number: formattedPhoneNumber,
|
||||||
|
message: message
|
||||||
|
}
|
||||||
|
])
|
||||||
|
.select();
|
||||||
|
|
||||||
if (error) {
|
if (error) {
|
||||||
console.error('Supabase function error:', error);
|
console.error('Supabase insert error:', error);
|
||||||
throw error;
|
throw error;
|
||||||
}
|
}
|
||||||
|
|
||||||
toast.success("Message sent successfully!");
|
console.log('Message stored successfully:', data);
|
||||||
|
toast.success("Message stored successfully!");
|
||||||
setMessage("");
|
setMessage("");
|
||||||
setPhoneNumber("");
|
setPhoneNumber("");
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
|
@ -68,7 +76,7 @@ export function MessageComposer() {
|
||||||
</label>
|
</label>
|
||||||
<Input
|
<Input
|
||||||
id="phone"
|
id="phone"
|
||||||
placeholder="Enter phone number..."
|
placeholder="Enter phone number... (e.g. +13109228324)"
|
||||||
value={phoneNumber}
|
value={phoneNumber}
|
||||||
onChange={(e) => setPhoneNumber(e.target.value)}
|
onChange={(e) => setPhoneNumber(e.target.value)}
|
||||||
className="w-full"
|
className="w-full"
|
||||||
|
|
Loading…
Reference in a new issue