@actuate-media/cms-admin 0.8.0 → 0.8.1

package/src/views/PageEditor.tsx

@@ -1,92 +1,90 @@
-'use client';
+'use client'
 
-import { useState, useEffect } from 'react';
-import { ArrowLeft, Eye, Loader2, AlertTriangle } from 'lucide-react';
-import { toast } from 'sonner';
-import { SEOPanel, type SEOData } from '../components/SEOPanel.js';
-import { useApiData } from '../lib/useApiData.js';
-import { cmsApi } from '../lib/api.js';
+import { useState, useEffect } from 'react'
+import { ArrowLeft, Eye, Loader2, AlertTriangle } from 'lucide-react'
+import { toast } from 'sonner'
+import { SEOPanel, type SEOData } from '../components/SEOPanel.js'
+import { useApiData } from '../lib/useApiData.js'
+import { cmsApi } from '../lib/api.js'
 
 export interface PageEditorProps {
-  id?: string;
-  onNavigate?: (path: string) => void;
+  id?: string
+  onNavigate?: (path: string) => void
 }
 
 export function PageEditor({ id, onNavigate }: PageEditorProps) {
-  const isNew = !id;
-  const { data, loading, error } = useApiData<any>(
-    isNew ? '' : `/collections/pages/${id}`
-  );
-
-  const [title, setTitle] = useState('');
-  const [slug, setSlug] = useState('');
-  const [status, setStatus] = useState<'draft' | 'published'>('draft');
-  const [saving, setSaving] = useState(false);
-  const [initialized, setInitialized] = useState(isNew);
-  const [seoData, setSeoData] = useState<SEOData>({});
+  const isNew = !id
+  const { data, loading, error } = useApiData<any>(isNew ? '' : `/collections/pages/${id}`)
+
+  const [title, setTitle] = useState('')
+  const [slug, setSlug] = useState('')
+  const [status, setStatus] = useState<'draft' | 'published'>('draft')
+  const [saving, setSaving] = useState(false)
+  const [initialized, setInitialized] = useState(isNew)
+  const [seoData, setSeoData] = useState<SEOData>({})
 
   useEffect(() => {
     if (data && !initialized) {
-      setTitle(data.title ?? '');
-      setSlug(data.slug ?? '');
-      setStatus(data.status === 'PUBLISHED' ? 'published' : 'draft');
-      setInitialized(true);
+      setTitle(data.title ?? '')
+      setSlug(data.slug ?? '')
+      setStatus(data.status === 'PUBLISHED' ? 'published' : 'draft')
+      setInitialized(true)
     }
-  }, [data, initialized]);
+  }, [data, initialized])
 
   const savePage = async () => {
-    setSaving(true);
+    setSaving(true)
     const body = JSON.stringify({
       title,
       slug,
       status: status === 'published' ? 'PUBLISHED' : 'DRAFT',
-    });
+    })
 
     const res = isNew
       ? await cmsApi('/collections/pages', { method: 'POST', body })
-      : await cmsApi(`/collections/pages/${id}`, { method: 'PUT', body });
+      : await cmsApi(`/collections/pages/${id}`, { method: 'PUT', body })
 
-    setSaving(false);
+    setSaving(false)
     if (res.error) {
-      toast.error(res.error);
+      toast.error(res.error)
     } else {
-      toast.success('Page saved successfully!');
+      toast.success('Page saved successfully!')
       if (isNew && (res.data as any)?.id) {
-        onNavigate?.(`/pages/${(res.data as any).id}`);
+        onNavigate?.(`/pages/${(res.data as any).id}`)
       }
     }
-  };
+  }
 
   const publishPage = async () => {
-    setSaving(true);
+    setSaving(true)
     const body = JSON.stringify({
       title,
       slug,
       status: 'PUBLISHED',
-    });
+    })
 
-    const endpoint = isNew ? '/collections/pages' : `/collections/pages/${id}`;
-    const method = isNew ? 'POST' : 'PUT';
-    const res = await cmsApi(endpoint, { method, body });
+    const endpoint = isNew ? '/collections/pages' : `/collections/pages/${id}`
+    const method = isNew ? 'POST' : 'PUT'
+    const res = await cmsApi(endpoint, { method, body })
 
-    setSaving(false);
+    setSaving(false)
     if (res.error) {
-      toast.error(res.error);
+      toast.error(res.error)
     } else {
-      setStatus('published');
-      toast.success('Page published!');
+      setStatus('published')
+      toast.success('Page published!')
       if (isNew && (res.data as any)?.id) {
-        onNavigate?.(`/pages/${(res.data as any).id}`);
+        onNavigate?.(`/pages/${(res.data as any).id}`)
       }
     }
-  };
+  }
 
   if (!isNew && loading) {
     return (
       <div className="h-full flex items-center justify-center">
         <Loader2 className="w-6 h-6 animate-spin text-blue-600" />
       </div>
-    );
+    )
   }
 
   return (
@@ -188,5 +186,5 @@ export function PageEditor({ id, onNavigate }: PageEditorProps) {
         </div>
       </div>
     </div>
-  );
+  )
 }