From 3ab9ef6c6b1cac60d1c46c36f9ee3536fadac9ee Mon Sep 17 00:00:00 2001
From: austinkelsay <austinkelsay@yahoo.com>
Date: Mon, 14 Oct 2024 19:15:29 -0500
Subject: [PATCH] lesson tag at the end

---
 .../content/carousels/templates/DocumentTemplate.js          | 2 +-
 src/components/content/carousels/templates/VideoTemplate.js  | 2 +-
 src/components/content/documents/DocumentDetails.js          | 2 +-
 src/components/content/videos/VideoDetails.js                | 5 ++---
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/content/carousels/templates/DocumentTemplate.js b/src/components/content/carousels/templates/DocumentTemplate.js
index 88ad1c7..7bcf98d 100644
--- a/src/components/content/carousels/templates/DocumentTemplate.js
+++ b/src/components/content/carousels/templates/DocumentTemplate.js
@@ -73,12 +73,12 @@ export function DocumentTemplate({ document, isLesson }) {
             </div>
             <CardContent className={`${isMobile ? "px-3" : ""} pt-6 pb-2 w-full flex flex-row justify-between items-start`}>
                 <div className="flex flex-wrap gap-2 max-w-[65%]">
-                    {isLesson && <Tag size="small" className="px-2 py-1 text-sm text-[#f8f8ff]" value="lesson" />}
                     {document?.topics?.map((topic, index) => (
                         <Tag size="small" key={index} className="px-2 py-1 text-sm text-[#f8f8ff]">
                             {topic}
                         </Tag>
                     ))}
+                    {isLesson && <Tag size="small" className="px-2 py-1 text-sm text-[#f8f8ff]" value="lesson" />}
                 </div>
                 <div className="flex flex-col items-end">
                     <p className="font-bold text-gray-300">{document?.readTime || "5 min"} read</p>
diff --git a/src/components/content/carousels/templates/VideoTemplate.js b/src/components/content/carousels/templates/VideoTemplate.js
index cf8fe04..e62abea 100644
--- a/src/components/content/carousels/templates/VideoTemplate.js
+++ b/src/components/content/carousels/templates/VideoTemplate.js
@@ -74,12 +74,12 @@ export function VideoTemplate({ video, isLesson }) {
             </div>
             <CardContent className={`${isMobile ? "px-3" : ""} pt-6 pb-2 w-full flex flex-row justify-between items-start`}>
                 <div className="flex flex-wrap gap-2 max-w-[65%]">
-                    {isLesson && <Tag size="small" className="px-3 py-1 text-sm text-[#f8f8ff]" value="lesson" />}
                     {video?.topics?.map((topic, index) => (
                         <Tag size="small" key={index} className="px-3 py-1 text-sm text-[#f8f8ff]">
                             {topic}
                         </Tag>
                     ))}
+                    {isLesson && <Tag size="small" className="px-3 py-1 text-sm text-[#f8f8ff]" value="lesson" />}
                 </div>
                 <div className="flex flex-col items-end">
                     <p className="font-bold text-gray-300">{video?.duration || "5 min"} watch</p>
diff --git a/src/components/content/documents/DocumentDetails.js b/src/components/content/documents/DocumentDetails.js
index 74a425b..47804ee 100644
--- a/src/components/content/documents/DocumentDetails.js
+++ b/src/components/content/documents/DocumentDetails.js
@@ -144,12 +144,12 @@ const DocumentDetails = ({ processedEvent, topics, title, summary, image, price,
                     <div className="flex flex-row items-center justify-between w-full">
                         <h1 className='text-4xl font-bold text-white'>{title}</h1>
                         <div className="flex flex-wrap gap-2">
-                            {isLesson && <Tag size="small" className="text-[#f8f8ff]" value="lesson" />}
                             {topics && topics.length > 0 && (
                                 topics.map((topic, index) => (
                                     <Tag className='text-[#f8f8ff]' key={index} value={topic}></Tag>
                                 ))
                             )}
+                            {isLesson && <Tag size="small" className="text-[#f8f8ff]" value="lesson" />}
                         </div>
                     </div>
                     {(summary)?.split('\n').map((line, index) => (
diff --git a/src/components/content/videos/VideoDetails.js b/src/components/content/videos/VideoDetails.js
index 9dd57d3..4649160 100644
--- a/src/components/content/videos/VideoDetails.js
+++ b/src/components/content/videos/VideoDetails.js
@@ -137,13 +137,12 @@ const VideoDetails = ({ processedEvent, topics, title, summary, image, price, au
                 <div className="w-full flex flex-col items-start justify-start mt-2 px-2">
                     <div className="flex flex-row items-center gap-2 w-full">
                         <h1 className='text-4xl'>{title}</h1>
-                        {isLesson && <Tag className="mt-2 text-white" value="lesson" />}
                         {topics && topics.length > 0 && (
                             topics.map((topic, index) => (
                                 <Tag className='mt-2 text-white' key={index} value={topic}></Tag>
                             ))
-                        )
-                        }
+                        )}
+                        {isLesson && <Tag className="mt-2 text-white" value="lesson" />}
                     </div>
                     <div className='flex flex-row items-center justify-between w-full'>
                         <div className="mt-4 max-mob:text-base max-tab:text-base">