From cae0396092a7075c4c312fc4fe21f02f764a37ff Mon Sep 17 00:00:00 2001
From: austinkelsay <austinkelsay@yahoo.com>
Date: Sun, 13 Oct 2024 17:19:49 -0500
Subject: [PATCH] Line clamp on content thumbnails for description

---
 .../content/carousels/templates/CourseTemplate.js        | 9 +++++++--
 .../content/carousels/templates/DocumentTemplate.js      | 4 ++--
 .../content/carousels/templates/VideoTemplate.js         | 4 ++--
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/content/carousels/templates/CourseTemplate.js b/src/components/content/carousels/templates/CourseTemplate.js
index 64a0bd2..2da18e1 100644
--- a/src/components/content/carousels/templates/CourseTemplate.js
+++ b/src/components/content/carousels/templates/CourseTemplate.js
@@ -96,9 +96,14 @@ export function CourseTemplate({ course }) {
           WebkitLineClamp: "2"
         }}>
         <div className="w-full flex flex-row justify-between items-start">
-          {(course.summary || course.description)?.split('\n').map((line, index) => (
+          {/* <div className="flex flex-col max-h-[200px]">
+            {(course.summary || course.description)?.split('\n').map((line, index) => (
+              <span className="line-clamp-2" key={index}>{line}</span>
+            ))}
+          </div> */}
+          <p className="line-clamp-2">{(course.summary || course.description)?.split('\n').map((line, index) => (
             <span key={index}>{line}</span>
-          ))}
+          ))}</p>
           <div className="flex flex-col items-end">
             {
               course?.price && course?.price > 0 ? (
diff --git a/src/components/content/carousels/templates/DocumentTemplate.js b/src/components/content/carousels/templates/DocumentTemplate.js
index fe1570c..2227903 100644
--- a/src/components/content/carousels/templates/DocumentTemplate.js
+++ b/src/components/content/carousels/templates/DocumentTemplate.js
@@ -85,9 +85,9 @@ export function DocumentTemplate({ document }) {
                     WebkitLineClamp: "2"
             }}>
                 <div className="w-full flex flex-row justify-between items-start">
-                    {(document.summary || document.description)?.split('\n').map((line, index) => (
+                    <p className="line-clamp-2">{(document.summary || document.description)?.split('\n').map((line, index) => (
                         <span key={index}>{line}</span>
-                    ))}
+                    ))}</p>
                     <div className="flex flex-col items-end">
                         {
                             document?.price && document?.price > 0 ? (
diff --git a/src/components/content/carousels/templates/VideoTemplate.js b/src/components/content/carousels/templates/VideoTemplate.js
index e2b0a7b..5532c55 100644
--- a/src/components/content/carousels/templates/VideoTemplate.js
+++ b/src/components/content/carousels/templates/VideoTemplate.js
@@ -87,9 +87,9 @@ export function VideoTemplate({ video }) {
                     WebkitLineClamp: "2"
                 }}>
                 <div className="w-full flex flex-row justify-between items-start">
-                    {(video.summary || video.description)?.split('\n').map((line, index) => (
+                    <p className="line-clamp-2">{(video.summary || video.description)?.split('\n').map((line, index) => (
                         <span key={index}>{line}</span>
-                    ))}
+                    ))}</p>
                     <div className="flex flex-col items-end">
                         {
                             video?.price && video?.price > 0 ? (