main

src/app/[locale]/(dashboard)/dashboard/projects/page.tsx

@@ -108,6 +108,10 @@ export default function ProjectsPage() {
       setIsTranslating(true);
       const res = await apiClient.post(`/projects/${translateTarget.id}/translate`, { targetLanguage });
       toast.success({ title: "Proje başarıyla çevrildi!" });
+      
+      // Çeviri tamamlanınca ana projeyi otomatik olarak genişletiyoruz
+      setExpandedProjects((prev) => ({ ...prev, [translateTarget.id]: true }));
+      
       setTranslateTarget(null);
       setTargetLanguage("");
       refetch();
@@ -361,10 +365,14 @@ export default function ProjectsPage() {
                     {!isChild && hasChildren && (
                        <button
                          onClick={(e) => toggleExpand(e, p.id)}
-                         className="p-2 rounded-lg text-[var(--color-text-ghost)] hover:text-[var(--color-text-primary)] hover:bg-[var(--color-bg-surface)] transition-colors shrink-0 z-10 mr-1"
+                         className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-[11px] font-medium text-[var(--color-text-ghost)] hover:text-[var(--color-text-primary)] hover:bg-[var(--color-bg-surface)] transition-colors shrink-0 z-10 mr-1 border border-transparent hover:border-[var(--color-border-faint)]"
                          title="Çevirileri Göster"
                        >
-                         <ChevronDown size={16} className={cn("transition-transform", isExpanded && "rotate-180")} />
+                         <span className="flex items-center gap-1">
+                           <Languages size={12} />
+                           {children.length} Çeviri
+                         </span>
+                         <ChevronDown size={14} className={cn("transition-transform", isExpanded && "rotate-180")} />
                        </button>
                     )}
                   </div>