diff --git a/src/components/content/carousels/templates/CourseTemplate.js b/src/components/content/carousels/templates/CourseTemplate.js index 735393f..2539cd5 100644 --- a/src/components/content/carousels/templates/CourseTemplate.js +++ b/src/components/content/carousels/templates/CourseTemplate.js @@ -14,6 +14,7 @@ import { Message } from "primereact/message"; import useWindowWidth from "@/hooks/useWindowWidth"; import GenericButton from "@/components/buttons/GenericButton"; import appConfig from "@/config/appConfig"; +import { BookOpen } from "lucide-react"; export function CourseTemplate({ course, showMetaTags = true }) { const { zaps, zapsLoading, zapsError } = useZapsSubscription({ event: course }); @@ -74,6 +75,9 @@ export function CourseTemplate({ course, showMetaTags = true }) { className="rounded-md" /> <div className="absolute inset-0 bg-gradient-to-br from-primary/80 to-primary-foreground/50" /> + <div className="absolute bottom-4 left-4 flex gap-2"> + <BookOpen className="w-6 h-6 text-white" /> + </div> </div> <CardHeader className="flex flex-row justify-between items-center p-4 border-b border-gray-700"> <div className="flex items-center gap-4"> diff --git a/src/components/content/carousels/templates/DocumentTemplate.js b/src/components/content/carousels/templates/DocumentTemplate.js index 0bd2719..3a1e57b 100644 --- a/src/components/content/carousels/templates/DocumentTemplate.js +++ b/src/components/content/carousels/templates/DocumentTemplate.js @@ -12,7 +12,7 @@ import { Tag } from "primereact/tag"; import { Message } from "primereact/message"; import useWindowWidth from "@/hooks/useWindowWidth"; import GenericButton from "@/components/buttons/GenericButton"; -import appConfig from "@/config/appConfig"; +import { FileText } from "lucide-react"; export function DocumentTemplate({ document, isLesson, showMetaTags }) { const { zaps, zapsLoading, zapsError } = useZapsSubscription({ event: document }); @@ -62,6 +62,9 @@ export function DocumentTemplate({ document, isLesson, showMetaTags }) { className="rounded-md" /> <div className="absolute inset-0 bg-gradient-to-br from-primary/80 to-primary-foreground/50" /> + <div className="absolute bottom-4 left-4 flex gap-2"> + <FileText className="w-6 h-6 text-white" /> + </div> </div> <CardHeader className="flex flex-row justify-between items-center p-4 border-b border-gray-700"> <div className="flex items-center gap-4"> diff --git a/src/components/content/carousels/templates/VideoTemplate.js b/src/components/content/carousels/templates/VideoTemplate.js index fa61fab..460b86a 100644 --- a/src/components/content/carousels/templates/VideoTemplate.js +++ b/src/components/content/carousels/templates/VideoTemplate.js @@ -13,7 +13,6 @@ import { Tag } from "primereact/tag"; import { Message } from "primereact/message"; import useWindowWidth from "@/hooks/useWindowWidth"; import GenericButton from "@/components/buttons/GenericButton"; -import appConfig from "@/config/appConfig"; export function VideoTemplate({ video, isLesson, showMetaTags }) { const { zaps, zapsLoading, zapsError } = useZapsSubscription({ event: video }); @@ -63,6 +62,9 @@ export function VideoTemplate({ video, isLesson, showMetaTags }) { className="rounded-md" /> <div className="absolute inset-0 bg-gradient-to-br from-primary/80 to-primary-foreground/50" /> + <div className="absolute bottom-4 left-4 flex gap-2"> + <PlayCircle className="w-6 h-6 text-white" /> + </div> </div> <CardHeader className="flex flex-row justify-between items-center p-4 border-b border-gray-700"> <div className="flex items-center gap-4"> diff --git a/src/pages/content/index.js b/src/pages/content/index.js index 0325449..661b868 100644 --- a/src/pages/content/index.js +++ b/src/pages/content/index.js @@ -6,7 +6,6 @@ import { useVideos } from '@/hooks/nostr/useVideos'; import { useCourses } from '@/hooks/nostr/useCourses'; import { TabMenu } from 'primereact/tabmenu'; import 'primeicons/primeicons.css'; -import { InputText } from 'primereact/inputtext'; import GenericButton from '@/components/buttons/GenericButton'; import { useRouter } from 'next/router';