From 0bfe0aa10925eac4f49c927665e359a62e990536 Mon Sep 17 00:00:00 2001
From: austinkelsay <austinkelsay@yahoo.com>
Date: Sat, 1 Mar 2025 17:35:00 -0600
Subject: [PATCH] Add icons back to content templates

---
 src/components/content/carousels/templates/CourseTemplate.js | 4 ++++
 .../content/carousels/templates/DocumentTemplate.js          | 5 ++++-
 src/components/content/carousels/templates/VideoTemplate.js  | 4 +++-
 src/pages/content/index.js                                   | 1 -
 4 files changed, 11 insertions(+), 3 deletions(-)

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