save email as pdf likae attachment version 2

frontend/src/components/email/EmailDetail.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { Reply, Star, Paperclip, Link2, X, Download, ExternalLink, Trash2, Undo2, Save } from 'lucide-react';
+import { Reply, Star, Paperclip, Link2, X, Download, ExternalLink, Trash2, Undo2, Save, FileDown } from 'lucide-react';
 import { CachedEmail, cachedEmailApi } from '../../services/api';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import Button from '../ui/Button';
@@ -7,6 +7,7 @@ import { Link } from 'react-router-dom';
 import { useAuth } from '../../context/AuthContext';
 import toast from 'react-hot-toast';
 import SaveAttachmentModal from './SaveAttachmentModal';
+import SaveEmailAsPdfModal from './SaveEmailAsPdfModal';
 
 interface EmailDetailProps {
   email: CachedEmail;
@@ -37,6 +38,7 @@ export default function EmailDetail({
   const [showRestoreConfirm, setShowRestoreConfirm] = useState(false);
   const [showPermanentDeleteConfirm, setShowPermanentDeleteConfirm] = useState(false);
   const [saveAttachmentFilename, setSaveAttachmentFilename] = useState<string | null>(null);
+  const [showSaveAsPdfModal, setShowSaveAsPdfModal] = useState(false);
   const queryClient = useQueryClient();
   const { hasPermission } = useAuth();
 
@@ -219,6 +221,15 @@ export default function EmailDetail({
                   <Reply className="w-4 h-4 mr-1" />
                   Antworten
                 </Button>
+                {/* E-Mail als PDF speichern */}
+                <Button
+                  variant="ghost"
+                  size="sm"
+                  onClick={() => setShowSaveAsPdfModal(true)}
+                  title="E-Mail als PDF speichern"
+                >
+                  <FileDown className="w-4 h-4" />
+                </Button>
                 {/* Löschen-Button nur für User mit emails:delete Permission */}
                 {hasPermission('emails:delete') && (
                   <Button
@@ -481,6 +492,15 @@ export default function EmailDetail({
           attachmentFilename={saveAttachmentFilename}
         />
       )}
+
+      {/* E-Mail als PDF speichern Modal */}
+      {showSaveAsPdfModal && (
+        <SaveEmailAsPdfModal
+          isOpen={true}
+          onClose={() => setShowSaveAsPdfModal(false)}
+          emailId={email.id}
+        />
+      )}
     </div>
   );
 }