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

paid and free messages on content templates

Browse Source
This commit is contained in:
austinkelsay 2024-10-12 14:27:13 -05:00
parent 6f41c24ebd
commit 25cd87c188
3 changed files with 57 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/content/carousels/templates/CourseTemplate.js
View File

@ -10,6 +10,7 @@ import { useImageProxy } from "@/hooks/useImageProxy";
import { useRouter } from "next/router";
import { formatTimestampToHowLongAgo } from "@/utils/time";
import { ProgressSpinner } from "primereact/progressspinner";
import { Message } from "primereact/message";
import GenericButton from "@/components/buttons/GenericButton";
import appConfig from "@/config/appConfig";
@ -82,18 +83,29 @@ export function CourseTemplate({ course }) {
</Tag>
))}
</div>
<p className="font-bold text-gray-300 min-w-[12%]">{lessonCount} lessons</p>
<p className="font-bold text-gray-300 min-w-[5%]">{lessonCount} {lessonCount === 1 ? "lesson" : "lessons"}</p>
</CardContent>
<CardDescription className="p-6 py-2 text-base text-neutral-50/90 dark:text-neutral-900/90 overflow-hidden min-h-[4em] flex items-center"
<CardDescription className="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"
style={{
overflow: "hidden",
display: "-webkit-box",
WebkitBoxOrient: "vertical",
WebkitLineClamp: "2"
}}>
{(course.summary || course.description)?.split('\n').map((line, index) => (
<span key={index}>{line}</span>
))}
<div className="w-full flex flex-row justify-between items-center">
{(course.summary || course.description)?.split('\n').map((line, index) => (
<span key={index}>{line}</span>
))}
<div className="flex flex-col items-end">
{
course?.price && course?.price > 0 ? (
<Message className="py-2" icon="pi pi-lock" severity="info" text={`Price: ${course.price} sats`} />
) : (
<Message className="py-2" icon="pi pi-lock-open" severity="success" text="Free" />
)
}
</div>
</div>
</CardDescription>
<CardFooter className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border-t border-gray-700 pt-4">
<p className="text-sm text-gray-300">{course?.published_at && course.published_at !== "" ? (

22
src/components/content/carousels/templates/DocumentTemplate.js
View File

@ -9,6 +9,7 @@ import { useRouter } from "next/router";
import { formatTimestampToHowLongAgo } from "@/utils/time";
import { nip19 } from "nostr-tools";
import { Tag } from "primereact/tag";
import { Message } from "primereact/message";
import GenericButton from "@/components/buttons/GenericButton";
import appConfig from "@/config/appConfig";
@ -71,17 +72,28 @@ export function DocumentTemplate({ document }) {
</Tag>
))}
</div>
<p className="font-bold text-gray-300 min-w-[12%]">{document.readTime || "5 min"} read</p>
<p className="font-bold text-gray-300 min-w-[12%]">{document?.readTime || "5 min"} read</p>
</CardContent>
<CardDescription className="p-6 py-2 text-base text-neutral-50/90 dark:text-neutral-900/90 overflow-hidden min-h-[4em] flex items-center" style={{
<CardDescription className="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" style={{
overflow: "hidden",
display: "-webkit-box",
WebkitBoxOrient: "vertical",
WebkitLineClamp: "2"
}}>
{(document.summary || document.description)?.split('\n').map((line, index) => (
<span key={index}>{line}</span>
))}
<div className="w-full flex flex-row justify-between items-center">
{(document.summary || document.description)?.split('\n').map((line, index) => (
<span key={index}>{line}</span>
))}
<div className="flex flex-col items-end">
{
document?.price && document?.price > 0 ? (
<Message className="py-2" icon="pi pi-lock" severity="info" text={`Price: ${document.price} sats`} />
) : (
<Message className="py-2" icon="pi pi-lock-open" severity="success" text="Free" />
)
}
</div>
</div>
</CardDescription>
<CardFooter className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border-t border-gray-700 pt-4">
<p className="text-sm text-gray-300">{document?.published_at && document.published_at !== "" ? (

33
src/components/content/carousels/templates/VideoTemplate.js
View File

@ -10,6 +10,7 @@ import { useRouter } from "next/router";
import { nip19 } from "nostr-tools";
import { formatTimestampToHowLongAgo } from "@/utils/time";
import { Tag } from "primereact/tag";
import { Message } from "primereact/message";
import GenericButton from "@/components/buttons/GenericButton";
import appConfig from "@/config/appConfig";
@ -22,12 +23,12 @@ export function VideoTemplate({ video }) {
useEffect(() => {
if (video && video?.pubkey && video?.kind && video?.id) {
const addr = nip19.naddrEncode({
pubkey: video.pubkey,
kind: video.kind,
identifier: video.id,
relayUrls: appConfig.defaultRelayUrls
})
const addr = nip19.naddrEncode({
pubkey: video.pubkey,
kind: video.kind,
identifier: video.id,
relayUrls: appConfig.defaultRelayUrls
})
setNAddress(addr);
}
}, [video]);
@ -72,17 +73,29 @@ export function VideoTemplate({ video }) {
</Tag>
))}
</div>
<p className="font-bold text-gray-300 min-w-[12%]">{video?.duration || "5 min"} watch</p>
</CardContent>
<CardDescription className="p-6 py-2 text-base text-neutral-50/90 dark:text-neutral-900/90 overflow-hidden min-h-[4em] flex items-center"
<CardDescription className="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"
style={{
overflow: "hidden",
display: "-webkit-box",
WebkitBoxOrient: "vertical",
WebkitLineClamp: "2"
}}>
{(video.summary || video.description)?.split('\n').map((line, index) => (
<span key={index}>{line}</span>
))}
<div className="w-full flex flex-row justify-between items-center">
{(video.summary || video.description)?.split('\n').map((line, index) => (
<span key={index}>{line}</span>
))}
<div className="flex flex-col items-end">
{
video?.price && video?.price > 0 ? (
<Message className="py-2" icon="pi pi-lock" severity="info" text={`Price: ${video.price} sats`} />
) : (
<Message className="py-2" icon="pi pi-lock-open" severity="success" text="Free" />
)
}
</div>
</div>
</CardDescription>
<CardFooter className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 border-t border-gray-700 pt-4">
<p className="text-sm text-gray-300">{video?.published_at && video.published_at !== "" ? (