Add icons back to content templates

This commit is contained in:
austinkelsay 2025-03-01 17:35:00 -06:00
parent c322ab583f
commit 0bfe0aa109
4 changed files with 11 additions and 3 deletions

View File

@ -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">

View File

@ -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">

View File

@ -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">

View File

@ -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';