feat: create NewsAuthor component and update news detail page

2025-03-08 21:29:39 +07:00
parent 06608c7b5d
commit 0b6327e2fb
4 changed files with 42 additions and 47 deletions
@@ -0,0 +1,34 @@
+import type { TAuthor } from '~/apis/admin/get-news'
+import { ProfileIcon } from '~/components/icons/profile'
+import { formatDate } from '~/utils/formatter'
+
+type TDetailNewsAuthor = {
+  author?: TAuthor
+  live_at?: string
+  text?: string
+}
+
+export const NewsAuthor = ({ author, live_at, text }: TDetailNewsAuthor) => {
+  return (
+    <div className="mb-2 flex items-center gap-2 align-middle">
+      {author?.profile_picture ? (
+        <img
+          src={author?.profile_picture}
+          alt={author?.name}
+          className="h-12 w-12 rounded-full bg-[#C4C4C4] object-cover"
+        />
+      ) : (
+        <ProfileIcon className="h-12 w-12 rounded-full bg-[#C4C4C4]" />
+      )}
+
+      <div>
+        <h4 className="text-md">{author?.name}</h4>
+        <p className="flex gap-1 text-sm">
+          <span>{live_at && `${formatDate(live_at)}`}</span>
+          <span>·</span>
+          <span>{text}</span>
+        </p>
+      </div>
+    </div>
+  )
+}