saulteafarmer/plebdevs
1
0
Fork 0
mirror of https://github.com/AustinKelsay/plebdevs.git synced 2025-06-23 16:05:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

lesson tag at the end

Browse Source
This commit is contained in:
austinkelsay 2024-10-14 19:15:29 -05:00
parent a9d2d5a304
commit 3ab9ef6c6b
4 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/content/carousels/templates/DocumentTemplate.js
View File

@ -73,12 +73,12 @@ export function DocumentTemplate({ document, isLesson }) {
</div> </div>
<CardContent className={`${isMobile ? "px-3" : ""} pt-6 pb-2 w-full flex flex-row justify-between items-start`}> <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%]"> <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) => ( {document?.topics?.map((topic, index) => (
<Tag size="small" key={index} className="px-2 py-1 text-sm text-[#f8f8ff]"> <Tag size="small" key={index} className="px-2 py-1 text-sm text-[#f8f8ff]">
{topic} {topic}
</Tag> </Tag>
))} ))}
{isLesson && <Tag size="small" className="px-2 py-1 text-sm text-[#f8f8ff]" value="lesson" />}
</div> </div>
<div className="flex flex-col items-end"> <div className="flex flex-col items-end">
<p className="font-bold text-gray-300">{document?.readTime || "5 min"} read</p> <p className="font-bold text-gray-300">{document?.readTime || "5 min"} read</p>

2
src/components/content/carousels/templates/VideoTemplate.js
View File

@ -74,12 +74,12 @@ export function VideoTemplate({ video, isLesson }) {
</div> </div>
<CardContent className={`${isMobile ? "px-3" : ""} pt-6 pb-2 w-full flex flex-row justify-between items-start`}> <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%]"> <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) => ( {video?.topics?.map((topic, index) => (
<Tag size="small" key={index} className="px-3 py-1 text-sm text-[#f8f8ff]"> <Tag size="small" key={index} className="px-3 py-1 text-sm text-[#f8f8ff]">
{topic} {topic}
</Tag> </Tag>
))} ))}
{isLesson && <Tag size="small" className="px-3 py-1 text-sm text-[#f8f8ff]" value="lesson" />}
</div> </div>
<div className="flex flex-col items-end"> <div className="flex flex-col items-end">
<p className="font-bold text-gray-300">{video?.duration || "5 min"} watch</p> <p className="font-bold text-gray-300">{video?.duration || "5 min"} watch</p>

2
src/components/content/documents/DocumentDetails.js
View File

@ -144,12 +144,12 @@ const DocumentDetails = ({ processedEvent, topics, title, summary, image, price,
<div className="flex flex-row items-center justify-between w-full"> <div className="flex flex-row items-center justify-between w-full">
<h1 className='text-4xl font-bold text-white'>{title}</h1> <h1 className='text-4xl font-bold text-white'>{title}</h1>
<div className="flex flex-wrap gap-2"> <div className="flex flex-wrap gap-2">
{isLesson && <Tag size="small" className="text-[#f8f8ff]" value="lesson" />}
{topics && topics.length > 0 && ( {topics && topics.length > 0 && (
topics.map((topic, index) => ( topics.map((topic, index) => (
<Tag className='text-[#f8f8ff]' key={index} value={topic}></Tag> <Tag className='text-[#f8f8ff]' key={index} value={topic}></Tag>
)) ))
)} )}
{isLesson && <Tag size="small" className="text-[#f8f8ff]" value="lesson" />}
</div> </div>
</div> </div>
{(summary)?.split('\n').map((line, index) => ( {(summary)?.split('\n').map((line, index) => (

5
src/components/content/videos/VideoDetails.js
View File

@ -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="w-full flex flex-col items-start justify-start mt-2 px-2">
<div className="flex flex-row items-center gap-2 w-full"> <div className="flex flex-row items-center gap-2 w-full">
<h1 className='text-4xl'>{title}</h1> <h1 className='text-4xl'>{title}</h1>
{isLesson && <Tag className="mt-2 text-white" value="lesson" />}
{topics && topics.length > 0 && ( {topics && topics.length > 0 && (
topics.map((topic, index) => ( topics.map((topic, index) => (
<Tag className='mt-2 text-white' key={index} value={topic}></Tag> <Tag className='mt-2 text-white' key={index} value={topic}></Tag>
)) ))
) )}
} {isLesson && <Tag className="mt-2 text-white" value="lesson" />}
</div> </div>
<div className='flex flex-row items-center justify-between w-full'> <div className='flex flex-row items-center justify-between w-full'>
<div className="mt-4 max-mob:text-base max-tab:text-base"> <div className="mt-4 max-mob:text-base max-tab:text-base">