diff --git a/frontend/src/components/ContactsPage.tsx b/frontend/src/components/ContactsPage.tsx index 7f2d4e1..e8a8cd7 100644 --- a/frontend/src/components/ContactsPage.tsx +++ b/frontend/src/components/ContactsPage.tsx @@ -52,6 +52,9 @@ export default function ContactsPage() { History {" "} + + + ))} @@ -78,3 +81,57 @@ function DeleteBtn({ id, name }: { id: number; name?: string }) { }); return ; } + +function ContactMenu({ number, name }: { number?: string; name?: string }) { + const [open, setOpen] = useState(false); + const digits = (number || "").replace(/[^\d+]/g, ""); + const lookup = encodeURIComponent(name || number || ""); + return ( + <> + + {open && ( + <> + setOpen(false)} + /> +
e.stopPropagation()} + > + {digits && ( + setOpen(false)} + > + 📞 Call back + + )} + setOpen(false)} + > + 🔍 Lookup number + +
+ + )} + + ); +}