ui: two copy buttons — Copy Markdown + Copy Plain Text

Author: CloudLobster

web/src/pages/Dashboard.tsx

@@ -1516,39 +1516,11 @@ function EmailDetail({ auth }: { auth: AuthState }) {
 
         {/* Download .md */}
         <div className="mt-4 pt-4 border-t border-gray-800 flex gap-2">
-          <button
-            onClick={() => {
-              const md = `# ${email.subject || 'Email'}\n\n**From:** ${email.from_addr}\n**To:** ${email.to_addr}\n**Date:** ${new Date(email.created_at * 1000).toISOString()}\n\n---\n\n${bodyText}`;
-              // Try download, fallback to showing raw text
-              try {
-                const blob = new Blob([md], { type: 'text/markdown' });
-                const url = URL.createObjectURL(blob);
-                const a = document.createElement('a');
-                a.href = url;
-                a.download = `${(email.subject || 'email').replace(/[^a-zA-Z0-9]/g, '-').slice(0, 50)}.md`;
-                document.body.appendChild(a);
-                a.click();
-                document.body.removeChild(a);
-                setTimeout(() => URL.revokeObjectURL(url), 1000);
-              } catch {
-                prompt('Copy the markdown below:', md);
-              }
-            }}
-            className="text-gray-500 hover:text-gray-300 text-xs flex items-center gap-1 transition"
-          >
-            📄 Download .md
-          </button>
-          <button
-            onClick={() => {
-              navigator.clipboard.writeText(bodyText).then(
-                () => alert('Copied!'),
-                () => prompt('Copy the text below:', bodyText),
-              );
-            }}
-            className="text-gray-500 hover:text-gray-300 text-xs flex items-center gap-1 transition"
-          >
-            📋 Copy text
-          </button>
+          <CopyButton
+            label="📋 Copy Markdown"
+            text={`# ${email.subject || 'Email'}\n\n**From:** ${email.from_addr}\n**To:** ${email.to_addr}\n**Date:** ${new Date(email.created_at * 1000).toISOString()}\n\n---\n\n${bodyText}`}
+          />
+          <CopyButton label="📄 Copy Plain Text" text={bodyText} />
         </div>
       </div>
     </div>