@jhits/plugin-blog 0.0.10 → 0.0.11

package/src/views/PostManager/PostManagerView.tsx

@@ -1,289 +0,0 @@
-/**
- * Post Manager View
- * Production-ready listing page for managing blog posts
- * Follows dashboard earth-tone design system
- */
-
-'use client';
-
-import React, { useState, useEffect } from 'react';
-import { Plus, List, Grid3x3 } from 'lucide-react';
-import { PostListItem, PostStatus } from '../../types/post';
-import { PostStats } from './PostStats';
-import { PostFilters } from './PostFilters';
-import { PostTable } from './PostTable';
-import { PostCards } from './PostCards';
-import { EmptyState } from './EmptyState';
-import { apiToBlogPost, type APIBlogDocument } from '../../lib/mappers/apiMapper';
-
-export interface PostManagerViewProps {
-    siteId: string;
-    locale: string;
-}
-
-type ViewMode = 'list' | 'cards';
-
-const STORAGE_KEY_PREFIX = 'blog-view-mode';
-
-export function PostManagerView({ siteId, locale }: PostManagerViewProps) {
-    const [posts, setPosts] = useState<PostListItem[]>([]);
-    const [totalPosts, setTotalPosts] = useState<number>(0);
-    const [loading, setLoading] = useState(true);
-    const [search, setSearch] = useState('');
-    const [statusFilter, setStatusFilter] = useState<PostStatus | 'all'>('all');
-    const [categoryFilter, setCategoryFilter] = useState<string>('all');
-    
-    // Load view mode preference from localStorage
-    const getStoredViewMode = (): ViewMode => {
-        if (typeof window === 'undefined') return 'list';
-        const stored = localStorage.getItem(`${STORAGE_KEY_PREFIX}-${siteId}`);
-        return (stored === 'list' || stored === 'cards') ? stored : 'list';
-    };
-    
-    const [viewMode, setViewMode] = useState<ViewMode>(getStoredViewMode);
-    
-    // Save view mode preference to localStorage when it changes
-    useEffect(() => {
-        if (typeof window !== 'undefined') {
-            localStorage.setItem(`${STORAGE_KEY_PREFIX}-${siteId}`, viewMode);
-        }
-    }, [viewMode, siteId]);
-
-    // Fetch posts from API
-    useEffect(() => {
-        const fetchPosts = async () => {
-            try {
-                setLoading(true);
-                const response = await fetch('/api/plugin-blog?admin=true');
-                const data = await response.json();
-
-                if (data.blogs && Array.isArray(data.blogs)) {
-                    // Convert API format to PostListItem format
-                    const postListItems: PostListItem[] = data.blogs.map((doc: APIBlogDocument) => {
-                        const blogPost = apiToBlogPost(doc);
-                        // Use semantic ID (id) - plugin-images handles resolution
-                        // The id is the semantic ID (e.g., "blog-featured-{slug}") which plugin-images resolves
-                        const featuredImageId = blogPost.metadata.featuredImage?.id;
-                        // Extract category from metadata or hero block
-                        let category: string | undefined = undefined;
-                        if (blogPost.metadata.categories && blogPost.metadata.categories.length > 0) {
-                            category = blogPost.metadata.categories[0];
-                        } else {
-                            // Check hero block for category
-                            const heroBlock = blogPost.blocks.find(block => block.type === 'hero');
-                            if (heroBlock && heroBlock.data && typeof heroBlock.data === 'object') {
-                                const heroCategory = (heroBlock.data as any).category;
-                                if (heroCategory && typeof heroCategory === 'string' && heroCategory.trim()) {
-                                    category = heroCategory.trim();
-                                }
-                            }
-                        }
-                        return {
-                            id: blogPost.id,
-                            title: blogPost.title,
-                            slug: blogPost.slug,
-                            status: blogPost.publication.status,
-                            date: blogPost.publication.date,
-                            excerpt: blogPost.metadata.excerpt,
-                            featuredImage: featuredImageId,
-                            authorId: blogPost.publication.authorId,
-                            updatedAt: blogPost.updatedAt,
-                            category: category,
-                        };
-                    });
-                    setPosts(postListItems);
-                    setTotalPosts(data.total);
-                }
-            } catch (error) {
-                console.error('Failed to fetch posts:', error);
-            } finally {
-                setLoading(false);
-            }
-        };
-
-        fetchPosts();
-    }, []);
-
-    // Extract unique categories from posts
-    const categories = React.useMemo(() => {
-        const categorySet = new Set<string>();
-        posts.forEach(post => {
-            if (post.category && post.category.trim()) {
-                categorySet.add(post.category.trim());
-            }
-        });
-        return Array.from(categorySet).sort();
-    }, [posts]);
-
-    // Filter posts
-    const filteredPosts = React.useMemo(() => {
-        return posts.filter((post) => {
-            const matchesSearch =
-                search === '' ||
-                post.title.toLowerCase().includes(search.toLowerCase()) ||
-                post.excerpt?.toLowerCase().includes(search.toLowerCase()) ||
-                post.slug.toLowerCase().includes(search.toLowerCase());
-
-            const matchesStatus = statusFilter === 'all' || post.status === statusFilter;
-
-            const matchesCategory = categoryFilter === 'all' || post.category === categoryFilter;
-
-            return matchesSearch && matchesStatus && matchesCategory;
-        });
-    }, [posts, search, statusFilter, categoryFilter]);
-
-    // Action handlers
-    const handleCreatePost = () => {
-        // Navigate to editor route - the plugin router will handle this
-        // The route 'new' maps to the editor view
-        window.location.href = '/dashboard/blog/new';
-    };
-
-    const handleEdit = (postId: string) => {
-        // Find the post to get its slug
-        const post = posts.find(p => p.id === postId);
-        if (post) {
-            // Navigate to editor with slug (API uses slug, not ID)
-            window.location.href = `/dashboard/blog/editor/${post.slug}`;
-        }
-    };
-
-    const handlePreview = (postId: string) => {
-        // Open preview in new tab
-        window.open(`/dashboard/blog/preview/${postId}`, '_blank');
-    };
-
-    const handleDuplicate = (postId: string) => {
-        // TODO: Implement duplicate functionality
-        const post = posts.find((p) => p.id === postId);
-        if (post) {
-            const duplicated: PostListItem = {
-                ...post,
-                id: `duplicate-${Date.now()}`,
-                title: `${post.title} (Copy)`,
-                slug: `${post.slug}-copy-${Date.now()}`,
-                status: 'draft',
-                updatedAt: new Date().toISOString(),
-            };
-            setPosts((prev) => [...prev, duplicated]);
-        }
-    };
-
-    const handleDelete = async (postId: string) => {
-        if (confirm('Are you sure you want to delete this post?')) {
-            try {
-                const post = posts.find(p => p.id === postId);
-                if (post) {
-                    const response = await fetch(`/api/plugin-blog/${post.slug}`, {
-                        method: 'DELETE',
-                    });
-
-                    if (response.ok) {
-                        // Remove from local state
-                        setPosts((prev) => prev.filter((p) => p.id !== postId));
-                        setTotalPosts(prev => prev - 1);
-                    } else {
-                        const error = await response.json();
-                        alert(error.error || 'Failed to delete post');
-                    }
-                }
-            } catch (error) {
-                console.error('Failed to delete post:', error);
-                alert('Failed to delete post');
-            }
-        }
-    };
-
-    const hasActiveFilters = search !== '' || statusFilter !== 'all' || categoryFilter !== 'all';
-
-    return (
-        <div className="h-full w-full rounded-[2.5rem] bg-white dark:bg-neutral-900 p-8 overflow-y-auto">
-            {/* Header Section */}
-            <div className="flex flex-col md:flex-row md:items-center justify-between gap-6 mb-8">
-                <div>
-                    <h1 className="text-3xl font-black text-neutral-950 dark:text-white uppercase tracking-tighter mb-2">
-                        Blog Posts
-                    </h1>
-                    <p className="text-sm text-neutral-500 dark:text-neutral-400">
-                        Manage your blog posts, drafts, and published content
-                    </p>
-                </div>
-
-                <button
-                    onClick={handleCreatePost}
-                    className="inline-flex items-center gap-2 px-6 py-3 bg-primary text-white rounded-full text-[10px] font-black uppercase tracking-widest hover:bg-primary/90 transition-all shadow-lg shadow-primary/20"
-                >
-                    <Plus size={16} />
-                    New Post
-                </button>
-            </div>
-
-            {/* Stats Summary */}
-            <PostStats total={totalPosts} posts={posts} />
-
-            {/* Filters & Search Bar with View Toggle */}
-            <div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 mb-6">
-                <PostFilters
-                    search={search}
-                    onSearchChange={setSearch}
-                    statusFilter={statusFilter}
-                    onStatusFilterChange={setStatusFilter}
-                    categoryFilter={categoryFilter}
-                    onCategoryFilterChange={setCategoryFilter}
-                    categories={categories}
-                />
-
-                {/* View Toggle */}
-                <div className="flex items-center gap-2 bg-neutral-100 dark:bg-neutral-800/50 rounded-full p-1 border border-neutral-300 dark:border-neutral-700">
-                    <button
-                        onClick={() => setViewMode('list')}
-                        className={`p-2 rounded-full transition-all ${viewMode === 'list'
-                            ? 'bg-white dark:bg-neutral-900 text-primary shadow-sm'
-                            : 'text-neutral-500 dark:text-neutral-400 hover:text-neutral-950 dark:hover:text-white'
-                            }`}
-                        title="List View"
-                    >
-                        <List size={18} />
-                    </button>
-                    <button
-                        onClick={() => setViewMode('cards')}
-                        className={`p-2 rounded-full transition-all ${viewMode === 'cards'
-                            ? 'bg-white dark:bg-neutral-900 text-primary shadow-sm'
-                            : 'text-neutral-500 dark:text-neutral-400 hover:text-neutral-950 dark:hover:text-white'
-                            }`}
-                        title="Card View"
-                    >
-                        <Grid3x3 size={18} />
-                    </button>
-                </div>
-            </div>
-
-            {/* Content */}
-            {loading ? (
-                <div className="flex items-center justify-center py-20">
-                    <div className="w-8 h-8 border-4 border-primary/20 border-t-primary rounded-full animate-spin" />
-                </div>
-            ) : filteredPosts.length === 0 ? (
-                <EmptyState hasFilters={hasActiveFilters} onCreatePost={handleCreatePost} />
-            ) : viewMode === 'list' ? (
-                <PostTable
-                    posts={filteredPosts}
-                    locale={locale}
-                    onEdit={handleEdit}
-                    onPreview={handlePreview}
-                    onDuplicate={handleDuplicate}
-                    onDelete={handleDelete}
-                />
-            ) : (
-                <PostCards
-                    posts={filteredPosts}
-                    locale={locale}
-                    onEdit={handleEdit}
-                    onPreview={handlePreview}
-                    onDuplicate={handleDuplicate}
-                    onDelete={handleDelete}
-                />
-            )}
-        </div>
-    );
-}

package/src/views/PostManager/PostStats.d.ts

@@ -1,11 +0,0 @@
-/**
- * Post Stats Component
- * Displays summary statistics for blog posts
- */
-import { PostListItem } from '../../types/post';
-export interface PostStatsProps {
-    posts: PostListItem[];
-    total: Number;
-}
-export declare function PostStats({ total, posts }: PostStatsProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PostStats.d.ts.map

package/src/views/PostManager/PostStats.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PostStats.d.ts","sourceRoot":"","sources":["PostStats.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,cAAc,2CA+DzD"}

package/src/views/PostManager/PostStats.js

@@ -1,46 +0,0 @@
-/**
- * Post Stats Component
- * Displays summary statistics for blog posts
- */
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FileText, CheckCircle2, Clock, Archive } from 'lucide-react';
-export function PostStats({ total, posts }) {
-    const published = posts.filter(p => p.status === 'published').length;
-    const drafts = posts.filter(p => p.status === 'draft').length;
-    const scheduled = posts.filter(p => p.status === 'scheduled').length;
-    const stats = [
-        {
-            label: 'Total Posts',
-            value: total,
-            icon: FileText,
-            color: 'text-neutral-600 dark:text-neutral-400',
-            bgColor: 'bg-neutral-100 dark:bg-neutral-800',
-        },
-        {
-            label: 'Published',
-            value: published,
-            icon: CheckCircle2,
-            color: 'text-green-600 dark:text-green-400',
-            bgColor: 'bg-green-500/10 dark:bg-green-500/20',
-        },
-        {
-            label: 'Drafts',
-            value: drafts,
-            icon: Clock,
-            color: 'text-amber-600 dark:text-amber-400',
-            bgColor: 'bg-amber-500/10 dark:bg-amber-500/20',
-        },
-        {
-            label: 'Scheduled',
-            value: scheduled,
-            icon: Archive,
-            color: 'text-blue-600 dark:text-blue-400',
-            bgColor: 'bg-blue-500/10 dark:bg-blue-500/20',
-        },
-    ];
-    return (_jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 mb-6", children: stats.map((stat) => {
-            const Icon = stat.icon;
-            return (_jsx("div", { className: `p-4 rounded-2xl border border-neutral-300 dark:border-neutral-700 ${stat.bgColor}`, children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: `p-2 rounded-xl ${stat.bgColor}`, children: _jsx(Icon, { className: `size-5 ${stat.color}` }) }), _jsxs("div", { children: [_jsx("p", { className: "text-2xl font-black text-neutral-950 dark:text-white", children: stat.value }), _jsx("p", { className: "text-xs text-neutral-500 dark:text-neutral-400 uppercase tracking-wider", children: stat.label })] })] }) }, stat.label));
-        }) }));
-}

package/src/views/PostManager/PostStats.tsx

@@ -1,81 +0,0 @@
-/**
- * Post Stats Component
- * Displays summary statistics for blog posts
- */
-
-'use client';
-
-import { FileText, CheckCircle2, Clock, Archive } from 'lucide-react';
-import { PostListItem } from '../../types/post';
-import { ReactNode } from 'react';
-
-export interface PostStatsProps {
-    posts: PostListItem[];
-    total: Number;
-}
-
-export function PostStats({ total, posts }: PostStatsProps) {
-    const published = posts.filter(p => p.status === 'published').length;
-    const drafts = posts.filter(p => p.status === 'draft').length;
-    const scheduled = posts.filter(p => p.status === 'scheduled').length;
-
-    const stats = [
-        {
-            label: 'Total Posts',
-            value: total,
-            icon: FileText,
-            color: 'text-neutral-600 dark:text-neutral-400',
-            bgColor: 'bg-neutral-100 dark:bg-neutral-800',
-        },
-        {
-            label: 'Published',
-            value: published,
-            icon: CheckCircle2,
-            color: 'text-green-600 dark:text-green-400',
-            bgColor: 'bg-green-500/10 dark:bg-green-500/20',
-        },
-        {
-            label: 'Drafts',
-            value: drafts,
-            icon: Clock,
-            color: 'text-amber-600 dark:text-amber-400',
-            bgColor: 'bg-amber-500/10 dark:bg-amber-500/20',
-        },
-        {
-            label: 'Scheduled',
-            value: scheduled,
-            icon: Archive,
-            color: 'text-blue-600 dark:text-blue-400',
-            bgColor: 'bg-blue-500/10 dark:bg-blue-500/20',
-        },
-    ];
-
-    return (
-        <div className="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
-            {stats.map((stat) => {
-                const Icon = stat.icon;
-                return (
-                    <div
-                        key={stat.label}
-                        className={`p-4 rounded-2xl border border-neutral-300 dark:border-neutral-700 ${stat.bgColor}`}
-                    >
-                        <div className="flex items-center gap-3">
-                            <div className={`p-2 rounded-xl ${stat.bgColor}`}>
-                                <Icon className={`size-5 ${stat.color}`} />
-                            </div>
-                            <div>
-                                <p className="text-2xl font-black text-neutral-950 dark:text-white">
-                                    {stat.value as ReactNode}
-                                </p>
-                                <p className="text-xs text-neutral-500 dark:text-neutral-400 uppercase tracking-wider">
-                                    {stat.label}
-                                </p>
-                            </div>
-                        </div>
-                    </div>
-                );
-            })}
-        </div>
-    );
-}
-

package/src/views/PostManager/PostTable.d.ts

@@ -1,15 +0,0 @@
-/**
- * Post Table Component
- * Professional table layout for displaying posts
- */
-import { PostListItem } from '../../types/post';
-export interface PostTableProps {
-    posts: PostListItem[];
-    locale: string;
-    onEdit: (postId: string) => void;
-    onPreview: (postId: string) => void;
-    onDuplicate: (postId: string) => void;
-    onDelete: (postId: string) => void;
-}
-export declare function PostTable({ posts, locale, onEdit, onPreview, onDuplicate, onDelete, }: PostTableProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PostTable.d.ts.map

package/src/views/PostManager/PostTable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PostTable.d.ts","sourceRoot":"","sources":["PostTable.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,OAAO,EAAE,YAAY,EAAc,MAAM,kBAAkB,CAAC;AAI5D,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AA0BD,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,MAAM,EACN,MAAM,EACN,SAAS,EACT,WAAW,EACX,QAAQ,GACX,EAAE,cAAc,2CA8KhB"}

package/src/views/PostManager/PostTable.js

@@ -1,79 +0,0 @@
-/**
- * Post Table Component
- * Professional table layout for displaying posts
- */
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { Calendar, User, UserCheck } from 'lucide-react';
-import { Image } from '@jhits/plugin-images';
-import { PostActionsMenu } from './PostActionsMenu';
-import { useSession } from 'next-auth/react';
-function getStatusBadgeColor(status) {
-    switch (status) {
-        case 'published':
-            return 'bg-green-500/10 text-green-700 dark:text-green-400 border-green-500/20';
-        case 'draft':
-            return 'bg-amber-500/10 text-amber-700 dark:text-amber-400 border-amber-500/20';
-        case 'scheduled':
-            return 'bg-blue-500/10 text-blue-700 dark:text-blue-400 border-blue-500/20';
-        case 'archived':
-            return 'bg-neutral-500/10 text-neutral-700 dark:text-neutral-400 border-neutral-500/20';
-        default:
-            return 'bg-neutral-500/10 text-neutral-700 dark:text-neutral-400 border-neutral-500/20';
-    }
-}
-function formatDate(dateString, locale) {
-    if (!dateString)
-        return 'No date';
-    return new Date(dateString).toLocaleDateString(locale, {
-        day: 'numeric',
-        month: 'short',
-        year: 'numeric',
-    });
-}
-export function PostTable({ posts, locale, onEdit, onPreview, onDuplicate, onDelete, }) {
-    var _a;
-    const { data: session, status: sessionStatus } = useSession();
-    const currentUserId = (_a = session === null || session === void 0 ? void 0 : session.user) === null || _a === void 0 ? void 0 : _a.id;
-    const [userMap, setUserMap] = useState({});
-    // Helper function to check if user is the owner
-    const isPostOwner = (post) => {
-        if (sessionStatus === 'loading')
-            return false; // Don't show actions while loading
-        if (!currentUserId || !post.authorId)
-            return false;
-        // Convert both to strings for comparison to handle ObjectId vs string
-        return String(currentUserId) === String(post.authorId);
-    };
-    // Fetch users to map IDs to names
-    useEffect(() => {
-        const fetchUsers = async () => {
-            try {
-                const response = await fetch('/api/users');
-                const users = await response.json();
-                if (Array.isArray(users)) {
-                    const map = {};
-                    users.forEach((user) => {
-                        var _a;
-                        const id = (_a = user._id) === null || _a === void 0 ? void 0 : _a.toString();
-                        if (id) {
-                            map[id] = user.name || user.email || 'Unknown';
-                        }
-                    });
-                    setUserMap(map);
-                }
-            }
-            catch (error) {
-                console.error('Failed to fetch users:', error);
-            }
-        };
-        fetchUsers();
-    }, []);
-    const getAuthorName = (authorId) => {
-        if (!authorId)
-            return 'Unknown';
-        return userMap[authorId] || authorId;
-    };
-    return (_jsx("div", { className: "bg-neutral-100 dark:bg-neutral-800/50 rounded-[2.5rem] border border-neutral-300 dark:border-neutral-700 overflow-hidden", children: _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full", children: [_jsx("thead", { className: "bg-neutral-200 dark:bg-neutral-900/50 border-b border-neutral-300 dark:border-neutral-700", children: _jsxs("tr", { children: [_jsx("th", { className: "px-6 py-4 text-left text-[10px] font-black uppercase tracking-widest text-neutral-600 dark:text-neutral-400", children: "Post" }), _jsx("th", { className: "px-6 py-4 text-left text-[10px] font-black uppercase tracking-widest text-neutral-600 dark:text-neutral-400", children: "Author" }), _jsx("th", { className: "px-6 py-4 text-left text-[10px] font-black uppercase tracking-widest text-neutral-600 dark:text-neutral-400", children: "Category" }), _jsx("th", { className: "px-6 py-4 text-left text-[10px] font-black uppercase tracking-widest text-neutral-600 dark:text-neutral-400", children: "Status" }), _jsx("th", { className: "px-6 py-4 text-left text-[10px] font-black uppercase tracking-widest text-neutral-600 dark:text-neutral-400", children: "Last Modified" }), _jsx("th", { className: "px-6 py-4 text-right text-[10px] font-black uppercase tracking-widest text-neutral-600 dark:text-neutral-400", children: "Actions" })] }) }), _jsx("tbody", { className: "divide-y divide-neutral-300 dark:divide-neutral-700", children: posts.map((post) => (_jsxs("tr", { className: "hover:bg-white dark:hover:bg-neutral-900/50 transition-colors cursor-pointer", children: [_jsx("td", { className: "px-6 py-4", children: _jsxs("div", { className: "flex items-center gap-4", children: [post.featuredImage ? (_jsx("div", { className: "w-16 h-16 rounded-xl bg-neutral-200 dark:bg-neutral-700 overflow-hidden flex-shrink-0 relative", children: _jsx(Image, { id: post.featuredImage, alt: post.title, fill: true, editable: false, className: "w-full h-full object-cover" }) })) : (_jsx("div", { className: "w-16 h-16 rounded-xl bg-neutral-200 dark:bg-neutral-700 flex items-center justify-center flex-shrink-0", children: _jsx("span", { className: "text-xs text-neutral-400", children: "No Image" }) })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("button", { onClick: () => onEdit(post.id), className: "text-left w-full hover:cursor-pointer p-0 m-0 border-0 bg-transparent", children: _jsx("h3", { className: "font-bold hover:underline text-neutral-950 dark:text-white mb-1 line-clamp-1 text-left", children: post.title.trim() }) }), _jsxs("p", { className: "text-xs text-neutral-500 dark:text-neutral-400 font-mono text-left", children: ["/", post.slug] })] })] }) }), _jsx("td", { className: "px-6 py-4", children: _jsxs("div", { className: "flex items-center gap-2", children: [isPostOwner(post) ? (_jsx(UserCheck, { size: 14, className: "text-primary" })) : (_jsx(User, { size: 14, className: "text-neutral-400" })), _jsxs("span", { className: `text-sm ${isPostOwner(post) ? 'text-primary font-semibold' : 'text-neutral-600 dark:text-neutral-400'}`, children: [getAuthorName(post.authorId), isPostOwner(post) && (_jsx("span", { className: "ml-2 text-xs text-primary/70", children: "(Jij)" }))] })] }) }), _jsx("td", { className: "px-6 py-4", children: _jsx("span", { className: "text-sm text-neutral-600 dark:text-neutral-400", children: post.category || 'Uncategorized' }) }), _jsx("td", { className: "px-6 py-4", children: _jsx("span", { className: `inline-flex items-center px-3 py-1 rounded-full text-[10px] font-black uppercase tracking-wider border ${getStatusBadgeColor(post.status)}`, children: post.status }) }), _jsx("td", { className: "px-6 py-4", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { size: 14, className: "text-neutral-400" }), _jsx("span", { className: "text-sm text-neutral-600 dark:text-neutral-400", children: formatDate(post.updatedAt, locale) })] }) }), _jsx("td", { className: "px-6 py-4", children: isPostOwner(post) ? (_jsx("div", { className: "flex items-center justify-end", children: _jsx(PostActionsMenu, { onEdit: () => onEdit(post.id), onPreview: () => onPreview(post.id), onDuplicate: () => onDuplicate(post.id), onDelete: () => onDelete(post.id) }) })) : (_jsx("div", { className: "flex items-center justify-end text-neutral-400 text-xs", children: "Alleen auteur" })) })] }, post.id))) })] }) }) }));
-}