import Image from "next/image"; import { Badge } from "@/components/ui/badge"; import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; import { CalendarIcon } from "lucide-react"; import { Blog } from "@/types/types"; import IUser from "@/interfaces/IUser"; import hasPermissions from "@/lib/hasPermissions"; import { Button } from "./ui/button"; import DeleteArticleButton from "./article/delete-button"; import Link from "next/link"; const BlogArticle: React.FC<{ blog: Blog; user?: IUser }> = ({ blog, user, }) => { const UpdateButton = () => { if (!user || !hasPermissions(user.roles, { blogs: ["update"] })) return; return ( ); }; return (
{blog.category && ( {blog.category} )}

{blog.title}

{blog.summary && (

{blog.summary}

)}
{( blog.author.firstname[0] + blog.author.lastname[0] ).toUpperCase()}

{blog.author.firstname} {blog.author.lastname}

idk

{blog.title}
); }; export default BlogArticle;