update

resources/js/dashboard/components/TrendingArtworks.jsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from 'react'
+import LevelBadge from '../../components/xp/LevelBadge'
 
 export default function TrendingArtworks() {
   const [items, setItems] = useState([])
@@ -58,6 +59,14 @@ export default function TrendingArtworks() {
               />
               <div className="p-2">
                 <p className="line-clamp-1 text-sm font-semibold text-white">{item.title}</p>
+                {item.creator ? (
+                  <div className="mt-1 flex items-center justify-between gap-2">
+                    <span className="truncate text-xs text-gray-400">
+                      {item.creator.username ? `@${item.creator.username}` : item.creator.name}
+                    </span>
+                    <LevelBadge level={item.creator.level} rank={item.creator.rank} compact />
+                  </div>
+                ) : null}
                 <p className="mt-1 text-xs text-gray-400">
                   {item.likes} likes • {item.views} views
                 </p>