Spaces:
Running
Running
File size: 2,077 Bytes
09a7c47 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 |
"use client"
import { useStore } from "@/app/state/useStore"
import { cn } from "@/lib/utils/cn"
import { MediaPlayer } from "@/components/interface/media-player"
export function PublicLatentMediaView() {
// note:
const media = useStore(s => s.latentMedia)
console.log("PublicLatentMediaView", {
"media (latentMedia)": media,
})
if (!media) { return null }
return (
<div className={cn(
`w-full`,
`flex flex-col lg:flex-row`
)}>
<div className={cn(
`flex-grow`,
`flex flex-col`,
`transition-all duration-200 ease-in-out`,
`px-2 xl:px-0`
)}>
{/** AI MEDIA PLAYER - HORIZONTAL */}
<MediaPlayer
media={media}
enableShortcuts={false}
// that could be, but let's do it the dirty way for now
// currentTime={desiredCurrentTime}
className="rounded-xl overflow-hidden mb-4"
/>
{/** AI MEDIA TITLE - HORIZONTAL */}
<div className={cn(
`flex flex-row space-x-2`,
`transition-all duration-200 ease-in-out`,
`text-lg lg:text-xl text-zinc-100 font-medium mb-0 line-clamp-2`,
`mb-2`,
)}>
<div className="">{media.label}</div>
</div>
{/** MEDIA TOOLBAR - HORIZONTAL */}
<div className={cn(
`flex flex-col space-y-3 xl:space-y-0 xl:flex-row`,
`transition-all duration-200 ease-in-out`,
`items-start xl:items-center`,
`justify-between`,
`mb-2 lg:mb-3`,
)}>
</div>
{/** MEDIA DESCRIPTION - VERTICAL */}
<div className={cn(
`flex flex-col p-3`,
`transition-all duration-200 ease-in-out`,
`rounded-xl`,
`bg-neutral-700/50`,
`text-sm text-zinc-100`,
)}>
{/* DESCRIPTION BLOCK */}
<div className="flex flex-row space-x-2 font-medium mb-1">
<div>no data</div>
</div>
<p>{media.description}</p>
</div>
</div>
</div>
)
}
|