saulteafarmer/plebdevs
1
0
Fork 0
mirror of https://github.com/AustinKelsay/plebdevs.git synced 2025-05-20 17:02:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix combined template

Browse Source
This commit is contained in:
austinkelsay 2024-11-21 20:26:57 -06:00
parent 6afe05684f
commit f546ca71cf
No known key found for this signature in database
GPG Key ID: 44CB4EC6D9F2FA02
1 changed files with 9 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/content/carousels/templates/CombinedTemplate.js
View File

@ -52,7 +52,7 @@ export function CombinedTemplate({ resource, isLesson, showMetaTags }) {
return ( return (
<Card className="overflow-hidden group hover:shadow-xl transition-all duration-300 bg-gray-800 m-2 border-none"> <Card className="overflow-hidden group hover:shadow-xl transition-all duration-300 bg-gray-800 m-2 border-none">
<div className="relative w-full h-0" style={{ paddingBottom: "56.25%" }}> <div className="relative w-full h-0 hover:opacity-70 cursor-pointer" style={{ paddingBottom: "56.25%" }} onClick={() => router.push(`/details/${nAddress}`)}>
<Image <Image
alt="resource thumbnail" alt="resource thumbnail"
src={returnImageProxy(resource.image)} src={returnImageProxy(resource.image)}
@ -62,9 +62,6 @@ export function CombinedTemplate({ resource, isLesson, showMetaTags }) {
className="rounded-md" className="rounded-md"
/> />
<div className="absolute inset-0 bg-gradient-to-br from-primary/80 to-primary-foreground/50" /> <div className="absolute inset-0 bg-gradient-to-br from-primary/80 to-primary-foreground/50" />
<div className="absolute top-4 right-4 flex items-center gap-1 bg-black/50 text-white px-3 py-1 rounded-full">
<ZapDisplay zapAmount={zapAmount} event={resource} zapsLoading={zapsLoading && zapAmount === 0} />
</div>
<div className="absolute bottom-4 left-4 flex gap-2"> <div className="absolute bottom-4 left-4 flex gap-2">
<PlayCircle className="w-6 h-6 text-white" /> <PlayCircle className="w-6 h-6 text-white" />
<FileText className="w-6 h-6 text-white" /> <FileText className="w-6 h-6 text-white" />
@ -74,15 +71,11 @@ export function CombinedTemplate({ resource, isLesson, showMetaTags }) {
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<CardTitle className="text-xl sm:text-2xl text-[#f8f8ff]">{resource.title}</CardTitle> <CardTitle className="text-xl sm:text-2xl text-[#f8f8ff]">{resource.title}</CardTitle>
</div> </div>
<div> <div className="text-[#f8f8ff]">
{resource?.price && resource?.price > 0 ? ( <ZapDisplay zapAmount={zapAmount} event={resource} zapsLoading={zapsLoading && zapAmount === 0} />
<Message className={`${isMobile ? "py-1 text-xs" : "py-2"} whitespace-nowrap`} icon="pi pi-lock" severity="info" text={`${resource.price} sats`} />
) : (
<Message className={`${isMobile ? "py-1 text-xs" : "py-2"} whitespace-nowrap`} icon="pi pi-lock-open" severity="success" text="Free" />
)}
</div> </div>
</CardHeader> </CardHeader>
<CardContent className={`${isMobile ? "px-3" : ""} pt-6 pb-2 w-full flex flex-row justify-between items-start`}> <CardContent className={`${isMobile ? "px-3" : ""} pt-4 pb-2 w-full flex flex-row justify-between items-center`}>
<div className="flex flex-wrap gap-2 max-w-[65%]"> <div className="flex flex-wrap gap-2 max-w-[65%]">
{resource?.topics?.map((topic, index) => ( {resource?.topics?.map((topic, index) => (
shouldShowMetaTags(topic) && ( shouldShowMetaTags(topic) && (
@ -93,7 +86,11 @@ export function CombinedTemplate({ resource, isLesson, showMetaTags }) {
))} ))}
{isLesson && showMetaTags && <Tag size="small" className="px-2 py-1 text-sm text-[#f8f8ff]" value="lesson" />} {isLesson && showMetaTags && <Tag size="small" className="px-2 py-1 text-sm text-[#f8f8ff]" value="lesson" />}
</div> </div>
<p className="font-bold text-gray-300">Video / Document</p> {resource?.price && resource?.price > 0 ? (
<Message className={`${isMobile ? "py-1 text-xs" : "py-2"} whitespace-nowrap`} icon="pi pi-lock" severity="info" text={`${resource.price} sats`} />
) : (
<Message className={`${isMobile ? "py-1 text-xs" : "py-2"} whitespace-nowrap`} icon="pi pi-lock-open" severity="success" text="Free" />
)}
</CardContent> </CardContent>
<CardDescription className={`${isMobile ? "w-full p-3" : "p-6"} py-2 pt-0 text-base text-neutral-50/90 dark:text-neutral-900/90 overflow-hidden min-h-[4em] flex items-center max-w-[100%]`} <CardDescription className={`${isMobile ? "w-full p-3" : "p-6"} py-2 pt-0 text-base text-neutral-50/90 dark:text-neutral-900/90 overflow-hidden min-h-[4em] flex items-center max-w-[100%]`}
style={{ style={{