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

Fix carousel filtering condition for documents and videos

Browse Source
This commit is contained in:
austinkelsay 2024-11-15 11:56:26 -06:00
parent 543ad6ed38
commit 33da6d34f1
No known key found for this signature in database
GPG Key ID: 44CB4EC6D9F2FA02
2 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/content/carousels/DocumentsCarousel.js
View File

@ -54,15 +54,19 @@ export default function DocumentsCarousel() {
useEffect(() => { useEffect(() => {
const fetch = async () => { const fetch = async () => {
try { try {
if (documents && documents.length > 0 && paidLessons.length > 0) { if (documents && documents.length > 0 && paidLessons) {
const processedDocuments = documents.map(document => parseEvent(document)); const processedDocuments = documents.map(document => parseEvent(document));
// Sort documents by created_at in descending order (most recent first) // Sort documents by created_at in descending order (most recent first)
const sortedDocuments = processedDocuments.sort((a, b) => b.created_at - a.created_at); const sortedDocuments = processedDocuments.sort((a, b) => b.created_at - a.created_at);
// filter out documents that are in the paid lessons array if (paidLessons && paidLessons.length > 0) {
const filteredDocuments = sortedDocuments.filter(document => !paidLessons.includes(document?.d)); // filter out documents that are in the paid lessons array
const filteredDocuments = sortedDocuments.filter(document => !paidLessons.includes(document?.d));
setProcessedDocuments(filteredDocuments); setProcessedDocuments(filteredDocuments);
} else {
setProcessedDocuments(sortedDocuments);
}
} else { } else {
console.log('No documents fetched or empty array returned'); console.log('No documents fetched or empty array returned');
} }

16
src/components/content/carousels/VideosCarousel.js
View File

@ -34,6 +34,10 @@ export default function VideosCarousel() {
const windowWidth = useWindowWidth(); const windowWidth = useWindowWidth();
const isMobileView = windowWidth <= 450; const isMobileView = windowWidth <= 450;
useEffect(() => {
console.log('videos', videos);
}, [videos]);
useEffect(() => { useEffect(() => {
axios.get('/api/lessons').then(res => { axios.get('/api/lessons').then(res => {
if (res.data) { if (res.data) {
@ -53,15 +57,19 @@ export default function VideosCarousel() {
useEffect(() => { useEffect(() => {
const fetch = async () => { const fetch = async () => {
try { try {
if (videos && videos.length > 0 && paidLessons.length > 0) { if (videos && videos.length > 0 && paidLessons) {
const processedVideos = videos.map(video => parseEvent(video)); const processedVideos = videos.map(video => parseEvent(video));
const sortedVideos = processedVideos.sort((a, b) => b.created_at - a.created_at); const sortedVideos = processedVideos.sort((a, b) => b.created_at - a.created_at);
// filter out videos that are in the paid lessons array if (paidLessons && paidLessons.length > 0) {
const filteredVideos = sortedVideos.filter(video => !paidLessons.includes(video?.d)); // filter out videos that are in the paid lessons array
const filteredVideos = sortedVideos.filter(video => !paidLessons.includes(video?.d));
setProcessedVideos(filteredVideos); setProcessedVideos(filteredVideos);
} else {
setProcessedVideos(sortedVideos);
}
} else { } else {
console.log('No videos fetched or empty array returned'); console.log('No videos fetched or empty array returned');
} }