aduio mail

frontend/src/components/QSOContextMenu.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { Globe2, RefreshCw, Upload, BadgeCheck } from 'lucide-react';
+import { Globe2, RefreshCw, Upload, BadgeCheck, Mail } from 'lucide-react';
 
 export type QSOMenuState = { x: number; y: number; ids: number[] } | null;
 
@@ -10,6 +10,7 @@ type Props = {
   onUpdateFromQRZ: (ids: number[]) => void;
   onUpdateFromClublog?: (ids: number[]) => void;
   onSendTo?: (service: string, ids: number[]) => void;
+  onSendRecording?: (ids: number[]) => void;
 };
 
 const UPLOAD_TARGETS: { service: string; label: string }[] = [
@@ -21,7 +22,7 @@ const UPLOAD_TARGETS: { service: string; label: string }[] = [
 // Lightweight right-click menu for the QSO grids. AG Grid's native context
 // menu is an Enterprise feature, so this is a plain floating menu driven by
 // onCellContextMenu. Closes on any outside click, scroll or Escape.
-export function QSOContextMenu({ menu, onClose, onUpdateFromCty, onUpdateFromQRZ, onUpdateFromClublog, onSendTo }: Props) {
+export function QSOContextMenu({ menu, onClose, onUpdateFromCty, onUpdateFromQRZ, onUpdateFromClublog, onSendTo, onSendRecording }: Props) {
   useEffect(() => {
     if (!menu) return;
     const close = () => onClose();
@@ -77,6 +78,19 @@ export function QSOContextMenu({ menu, onClose, onUpdateFromCty, onUpdateFromQRZ
         </button>
       )}
 
+      {onSendRecording && (
+        <>
+          <div className="my-1 border-t border-border" />
+          <button
+            className="flex w-full items-center gap-2 px-3 py-1.5 text-left hover:bg-accent/50"
+            onClick={() => { onSendRecording(menu.ids); onClose(); }}
+          >
+            <Mail className="size-4 text-rose-600" />
+            <span>Send recording by e-mail</span>
+          </button>
+        </>
+      )}
+
       {onSendTo && (
         <>
           <div className="my-1 border-t border-border" />