38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
import { Head } from '@inertiajs/react'
|
|
import SettingsLayout from '~/layouts/SettingsLayout'
|
|
import CreatorPacksSection from '~/components/CreatorPacksSection'
|
|
import ActiveDownloads from '~/components/ActiveDownloads'
|
|
import useCreatorPacks from '~/hooks/useCreatorPacks'
|
|
|
|
export default function CreatorPacksPage() {
|
|
const { configured } = useCreatorPacks()
|
|
|
|
return (
|
|
<SettingsLayout>
|
|
<Head title="Creator Packs" />
|
|
<div className="xl:pl-72 w-full">
|
|
<main className="px-12 py-6">
|
|
<h1 className="text-4xl font-semibold mb-2">Creator Packs</h1>
|
|
<p className="text-text-muted mb-4">
|
|
Install branded video collections from creators. Packs download in the background and
|
|
play offline through Kiwix.
|
|
</p>
|
|
|
|
{configured ? (
|
|
<>
|
|
<CreatorPacksSection allowUninstall />
|
|
<div className="mt-10">
|
|
<ActiveDownloads filetype="zim" withHeader />
|
|
</div>
|
|
</>
|
|
) : (
|
|
<p className="text-text-muted mt-4">
|
|
Creator Packs aren't available on this build.
|
|
</p>
|
|
)}
|
|
</main>
|
|
</div>
|
|
</SettingsLayout>
|
|
)
|
|
}
|