Blog carousel comments

Added comments clarifying the difference between BlogCarouselFull.js and BlogCarouselCropped.js
WXYC · Sep 8, 2024 · f423c16 · f423c16
1 parent 93327f7
commit f423c16
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/components/homepage/BlogCarouselCropped.js b/components/homepage/BlogCarouselCropped.js
@@ -2,6 +2,8 @@ import Link from 'next/link'
 import AudioPlayerStream from '../audioplayers/AudioPlayerStream'
 import PostPreview from '../PostPreview'
 
+// There are two BlogCarousel components. On desktop, if there is content in the "WXYC This Week" section, the blog post carousel renders underneath "WXYC This Week" and the audio player at full-screen (BlogCarouselFull.js) However, if there is no content in "WXYC This Week", BlogCarouselCropped.js is called, and is aligned with the audio player.
+
 const BlogCarouselCropped = (props) => {
 	return (
 		<div>

diff --git a/components/homepage/BlogCarouselFull.js b/components/homepage/BlogCarouselFull.js
@@ -1,6 +1,8 @@
 import PostPreview from '../PostPreview'
 import Link from 'next/link'
 
+// There are two BlogCarousel components. On desktop, if there is content in the "WXYC This Week" section, the blog post carousel renders underneath "WXYC This Week" and the audio player at full-screen (BlogCarouselFull.js) However, if there is no content in "WXYC This Week", BlogCarouselCropped.js is called, and is aligned with the audio player.
+
 const BlogCarouselFull = (props) => {
 	return (
 		<div className="-mt-5 flex flex-col md:-mt-10 md:mr-10 lg:mt-5 lg:w-full lg:max-w-screen-xl">