feat: premenovanie newslettera v zozname a vyber nazvu pri duplikovani

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/components/editor/SavedCampaignsModal.tsx

@@ -4,6 +4,7 @@ import React, { useState, useEffect } from 'react';
 import { supabase } from '@/lib/supabase';
 import { NewsletterCampaign } from '@/types/newsletter';
 import { DEFAULT_CAMPAIGN } from '@/lib/defaultCampaign';
+import { NameDialog } from './NameDialog';
 import {
   FolderOpen,
   Plus,
@@ -15,7 +16,8 @@ import {
   CheckCircle2,
   Layers,
   Search,
-  Sparkles
+  Sparkles,
+  Pencil
 } from 'lucide-react';
 
 interface SavedCampaignsModalProps {
@@ -24,6 +26,7 @@ interface SavedCampaignsModalProps {
   currentCampaign: NewsletterCampaign;
   onLoadCampaign: (campaign: NewsletterCampaign) => void;
   onSaveCurrentAsCopy: (newTitle: string) => Promise<void>;
+  onRenameCurrent: (title: string) => void;
 }
 
 export const SavedCampaignsModal: React.FC<SavedCampaignsModalProps> = ({
@@ -31,13 +34,16 @@ export const SavedCampaignsModal: React.FC<SavedCampaignsModalProps> = ({
   onClose,
   currentCampaign,
   onLoadCampaign,
-  onSaveCurrentAsCopy
+  onSaveCurrentAsCopy,
+  onRenameCurrent
 }) => {
   const [campaigns, setCampaigns] = useState<any[]>([]);
   const [loading, setLoading] = useState(false);
   const [search, setSearch] = useState('');
   const [isCreatingNew, setIsCreatingNew] = useState(false);
   const [newTitle, setNewTitle] = useState('');
+  // okno na názov: premenovanie alebo duplikovanie vybraného newslettera
+  const [nameAction, setNameAction] = useState<{ kind: 'rename' | 'duplicate'; camp: { id: string; title: string; data?: unknown } } | null>(null);
 
   const fetchCampaigns = async () => {
     setLoading(true);
@@ -66,9 +72,20 @@ export const SavedCampaignsModal: React.FC<SavedCampaignsModalProps> = ({
 
   if (!isOpen) return null;
 
-  const handleDuplicate = async (camp: any) => {
+  const handleRename = async (camp: { id: string }, title: string) => {
+    try {
+      const { error } = await supabase.from('templates').update({ title }).eq('id', camp.id);
+      if (error) throw error;
+      setCampaigns((prev) => prev.map((c) => (c.id === camp.id ? { ...c, title } : c)));
+      if (camp.id === currentCampaign.id) onRenameCurrent(title);
+      setNameAction(null);
+    } catch (err) {
+      alert(`Chyba pri premenovaní: ${(err as Error).message}`);
+    }
+  };
+
+  const handleDuplicate = async (camp: any, clonedTitle: string) => {
     try {
-      const clonedTitle = `Kópia - ${camp.title}`;
       const { data, error } = await supabase
         .from('templates')
         .insert([
@@ -90,6 +107,7 @@ export const SavedCampaignsModal: React.FC<SavedCampaignsModalProps> = ({
           status: 'draft',
           modules: data[0].data?.modules || []
         });
+        setNameAction(null);
         onClose();
       }
     } catch (err: any) {
@@ -326,7 +344,7 @@ export const SavedCampaignsModal: React.FC<SavedCampaignsModalProps> = ({
                     </button>
 
                     <button
-                      onClick={() => handleDuplicate(camp)}
+                      onClick={() => setNameAction({ kind: 'duplicate', camp })}
                       className="px-3 py-1.5 text-xs font-bold bg-gray-100 hover:bg-gray-200 text-gray-700 rounded-xl flex items-center gap-1 transition-colors"
                       title="Vytvoriť kópiu"
                     >
@@ -334,6 +352,14 @@ export const SavedCampaignsModal: React.FC<SavedCampaignsModalProps> = ({
                       <span>Duplikovať</span>
                     </button>
 
+                    <button
+                      onClick={() => setNameAction({ kind: 'rename', camp })}
+                      className="p-2 text-gray-400 hover:text-gray-900 hover:bg-gray-100 rounded-xl transition-colors"
+                      title="Premenovať"
+                    >
+                      <Pencil className="w-4 h-4" />
+                    </button>
+
                     <button
                       onClick={() => handleDelete(camp.id, camp.title)}
                       className="p-2 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-xl transition-colors"
@@ -359,6 +385,14 @@ export const SavedCampaignsModal: React.FC<SavedCampaignsModalProps> = ({
           </button>
         </div>
       </div>
+      <NameDialog
+        open={!!nameAction}
+        title={nameAction?.kind === 'rename' ? 'Premenovať newsletter' : 'Duplikovať newsletter'}
+        initial={nameAction?.camp.title || ''}
+        confirmText={nameAction?.kind === 'rename' ? 'Uložiť názov' : 'Vytvoriť kópiu'}
+        onConfirm={(title) => (nameAction?.kind === 'rename' ? handleRename(nameAction.camp, title) : handleDuplicate(nameAction!.camp, title))}
+        onCancel={() => setNameAction(null)}
+      />
     </div>
   );
 };