Save workspace changes

resources/js/components/artwork/ArtworkMeta.jsx

@@ -1,11 +1,12 @@
 import React from 'react'
 import ArtworkBreadcrumbs from './ArtworkBreadcrumbs'
+import WorldParticipationBadge from './WorldParticipationBadge'
 
 export default function ArtworkMeta({ artwork }) {
   const publisher = artwork?.publisher || null
   const credits = artwork?.credits || {}
-  const primaryAuthor = credits?.primary_author || artwork?.user || null
   const contributors = Array.isArray(credits?.contributors) ? credits.contributors : []
+  const worldParticipation = Array.isArray(artwork?.world_participation) ? artwork.world_participation : []
 
   return (
     <div>
@@ -17,12 +18,6 @@ export default function ArtworkMeta({ artwork }) {
             <span className="font-semibold">{publisher.name}</span>
           </a>
         ) : null}
-        {primaryAuthor ? (
-          <span className="inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/[0.04] px-3 py-1.5">
-            <span className="text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-400">Primary author</span>
-            {primaryAuthor.profile_url ? <a href={primaryAuthor.profile_url} className="font-semibold text-white hover:text-sky-200">{primaryAuthor.name || primaryAuthor.username}</a> : <span className="font-semibold text-white">{primaryAuthor.name || primaryAuthor.username}</span>}
-          </span>
-        ) : null}
         {contributors.length > 0 ? (
           <div className="flex flex-wrap gap-2">
             <span className="inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/[0.04] px-3 py-1.5 text-white">
@@ -45,6 +40,7 @@ export default function ArtworkMeta({ artwork }) {
       <div className="mt-3">
         <ArtworkBreadcrumbs artwork={artwork} />
       </div>
+      <WorldParticipationBadge items={worldParticipation} />
     </div>
   )
 }