19 lines
1.0 KiB
JavaScript
19 lines
1.0 KiB
JavaScript
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>
|
|
)
|
|
} |