Commit workspace changes

resources/js/Pages/Studio/StudioGroupArtworks.jsx

@@ -0,0 +1,19 @@
+import React from 'react'
+import { usePage } from '@inertiajs/react'
+import StudioLayout from '../../Layouts/StudioLayout'
+import StudioContentBrowser from '../../components/Studio/StudioContentBrowser'
+
+export default function StudioGroupArtworks() {
+  const { props } = usePage()
+
+  return (
+    <StudioLayout title={props.title} subtitle={props.description}>
+      <div className="mb-6 rounded-[28px] border border-sky-300/20 bg-sky-300/10 p-5 text-sky-100">
+        <p className="text-[11px] font-semibold uppercase tracking-[0.18em]">Group publish flow</p>
+        <h2 className="mt-2 text-xl font-semibold">Upload into {props.studioGroup?.name}</h2>
+        <a href={props.uploadUrl} className="mt-4 inline-flex rounded-full border border-sky-200/20 bg-sky-200/10 px-4 py-2 text-sm font-semibold text-sky-50">New group artwork</a>
+      </div>
+      <StudioContentBrowser listing={props.listing} quickCreate={[{ key: 'artworks', label: 'Artwork', icon: 'fa-solid fa-cloud-arrow-up', url: props.uploadUrl }]} hideModuleFilter />
+    </StudioLayout>
+  )
+}