qsl designer

frontend/src/components/QSOContextMenu.tsx

@@ -11,6 +11,7 @@ type Props = {
   onUpdateFromClublog?: (ids: number[]) => void;
   onSendTo?: (service: string, ids: number[]) => void;
   onSendRecording?: (ids: number[]) => void;
+  onSendEQSL?: (ids: number[]) => void;
   onExportSelected?: (ids: number[]) => void;
   onExportFiltered?: () => void;
 };
@@ -24,7 +25,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, onSendRecording, onExportSelected, onExportFiltered }: Props) {
+export function QSOContextMenu({ menu, onClose, onUpdateFromCty, onUpdateFromQRZ, onUpdateFromClublog, onSendTo, onSendRecording, onSendEQSL, onExportSelected, onExportFiltered }: Props) {
   useEffect(() => {
     if (!menu) return;
     const close = () => onClose();
@@ -80,16 +81,27 @@ export function QSOContextMenu({ menu, onClose, onUpdateFromCty, onUpdateFromQRZ
         </button>
       )}
 
-      {onSendRecording && (
+      {(onSendRecording || onSendEQSL) && (
         <>
           <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>
+          {onSendEQSL && (
+            <button
+              className="flex w-full items-center gap-2 px-3 py-1.5 text-left hover:bg-accent/50"
+              onClick={() => { onSendEQSL(menu.ids); onClose(); }}
+            >
+              <Mail className="size-4 text-amber-600" />
+              <span>Send eQSL by e-mail</span>
+            </button>
+          )}
+          {onSendRecording && (
+            <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>
+          )}
         </>
       )}