From 5ae0f70b444db4ebb2d075c30623ce33b21d223a Mon Sep 17 00:00:00 2001 From: William Date: Fri, 19 Jul 2024 19:47:38 -0400 Subject: [PATCH 01/10] working on data array --- src/components/Mainpage.tsx | 20 +++++++++++++++++--- src/components/PostPreview.tsx | 14 +++++++++----- 2 files changed, 26 insertions(+), 8 deletions(-) diff --git a/src/components/Mainpage.tsx b/src/components/Mainpage.tsx index 1a22673..f18c001 100644 --- a/src/components/Mainpage.tsx +++ b/src/components/Mainpage.tsx @@ -10,12 +10,26 @@ const postTwoImage = const postThreeImage = "https://bucket.material-tailwind.com/magic-ai/dc74a867f21afc734166a6d37c08beaba4ff040664ba8ccce918e054264ad68d.jpg"; +const data = [ + { + postImage: postOneImage, + authorImage: Willray, + }, + { + postImage: postTwoImage, + authorImage: Mikelat, + }, + { + postImage: postThreeImage, + authorImage: Chrisf, + }, +]; export function Mainpage() { return (
- - - + {data.map((post) => { + return ; + })}
); } diff --git a/src/components/PostPreview.tsx b/src/components/PostPreview.tsx index a1df61d..3606b95 100644 --- a/src/components/PostPreview.tsx +++ b/src/components/PostPreview.tsx @@ -1,10 +1,14 @@ -export function PostPreview({ - postImage, - authorImage, -}: { +type Post = { postImage: string; authorImage: string; -}) { +}; + +type PostPreviewProps = { + post: Post; +}; + +export function PostPreview(props: PostPreviewProps) { + const { postImage, authorImage} = props.post; return (
From abe7c2d555c447032fafa6a04443acc1b7c5a897 Mon Sep 17 00:00:00 2001 From: Christopher Forti Date: Fri, 19 Jul 2024 20:25:12 -0400 Subject: [PATCH 02/10] Made posting dynamic. --- src/components/Mainpage.tsx | 33 +++++------------------ src/components/Post.tsx | 7 +++++ src/components/PostPreview.tsx | 22 +++++++-------- src/content/content.ts | 49 ++++++++++++++++++++++++++++++++++ 4 files changed, 72 insertions(+), 39 deletions(-) create mode 100644 src/components/Post.tsx create mode 100644 src/content/content.ts diff --git a/src/components/Mainpage.tsx b/src/components/Mainpage.tsx index f18c001..5d5070f 100644 --- a/src/components/Mainpage.tsx +++ b/src/components/Mainpage.tsx @@ -1,35 +1,14 @@ -import Willray from "../assets/Will.png"; -import Mikelat from "../assets/Mike.png"; -import Chrisf from "../assets/Chris.png"; -import { PostPreview } from "./PostPreview"; +// import { PostPreview } from "./PostPreview"; +import { data } from "../content/content"; +import { Post } from "./Post"; -const postOneImage = - "https://bucket.material-tailwind.com/magic-ai/06b38f84f9669f766048c469ce861b81880378273a11ae9badaedfc32868ef44.jpg"; -const postTwoImage = - "https://bucket.material-tailwind.com/magic-ai/e7aa235a7bc5f504db1c66e27ece08f8118b1da6b21c013500391afcd572cf7d.jpg"; -const postThreeImage = - "https://bucket.material-tailwind.com/magic-ai/dc74a867f21afc734166a6d37c08beaba4ff040664ba8ccce918e054264ad68d.jpg"; - -const data = [ - { - postImage: postOneImage, - authorImage: Willray, - }, - { - postImage: postTwoImage, - authorImage: Mikelat, - }, - { - postImage: postThreeImage, - authorImage: Chrisf, - }, -]; export function Mainpage() { return (
- {data.map((post) => { + {/* {data.map((post) => { return ; - })} + })} */} +
); } diff --git a/src/components/Post.tsx b/src/components/Post.tsx new file mode 100644 index 0000000..283f110 --- /dev/null +++ b/src/components/Post.tsx @@ -0,0 +1,7 @@ +import type { PostData } from "../content/content"; + +type PostProps = { post: PostData }; + +export function Post({ post }: PostProps) { + return
Post
; +} diff --git a/src/components/PostPreview.tsx b/src/components/PostPreview.tsx index 3606b95..9cf93c7 100644 --- a/src/components/PostPreview.tsx +++ b/src/components/PostPreview.tsx @@ -1,14 +1,12 @@ -type Post = { - postImage: string; - authorImage: string; -}; +import { type PostData } from "../content/content"; type PostPreviewProps = { - post: Post; + post: PostData; }; export function PostPreview(props: PostPreviewProps) { - const { postImage, authorImage} = props.post; + const { postImage, authorImage, content, title, author, publishedDate } = + props.post; return (
@@ -26,12 +24,10 @@ export function PostPreview(props: PostPreviewProps) { href="#" className="text-blue-gray-900 mb-2 block font-sans text-xl font-semibold normal-case leading-snug tracking-normal antialiased transition-colors hover:text-gray-700" > - Revolutionizing Our Production Process + {title}

- Learn how our recent investment in new technology has revolutionized - our production process, leading to improved efficiency and product - quality. + {content}

-

+

+ {author} +

- 2022-08-15 + {publishedDate.toDateString()}

diff --git a/src/content/content.ts b/src/content/content.ts new file mode 100644 index 0000000..7f029e5 --- /dev/null +++ b/src/content/content.ts @@ -0,0 +1,49 @@ +import Willray from "../assets/Will.png"; +import Mikelat from "../assets/Mike.png"; +import Chrisf from "../assets/Chris.png"; + +export type PostData = { + postImage: string; + authorImage: string; + content: string; + title: string; + author: string; + publishedDate: Date; +}; + +const postOneImage = + "https://bucket.material-tailwind.com/magic-ai/06b38f84f9669f766048c469ce861b81880378273a11ae9badaedfc32868ef44.jpg"; +const postTwoImage = + "https://bucket.material-tailwind.com/magic-ai/e7aa235a7bc5f504db1c66e27ece08f8118b1da6b21c013500391afcd572cf7d.jpg"; +const postThreeImage = + "https://bucket.material-tailwind.com/magic-ai/dc74a867f21afc734166a6d37c08beaba4ff040664ba8ccce918e054264ad68d.jpg"; + +export const data: PostData[] = [ + { + postImage: postOneImage, + authorImage: Willray, + content: + "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.", + title: "First post", + author: "William Ray", + publishedDate: new Date(), + }, + { + postImage: postTwoImage, + authorImage: Mikelat, + content: + "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.", + title: "Second post", + author: "Mike Latimore", + publishedDate: new Date(), + }, + { + postImage: postThreeImage, + authorImage: Chrisf, + content: + "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.", + title: "Third post", + author: "Chris Forti", + publishedDate: new Date(), + }, +]; From 3830b41b2912487b548995e5e3bb083903a5bbd4 Mon Sep 17 00:00:00 2001 From: michaelatimore Date: Sat, 20 Jul 2024 12:27:17 -0400 Subject: [PATCH 03/10] Post.tsx single blog post populated by contents.ts. Image moving down the page as the length of the blog post increases is a bug that needs to be fixed. Included a button to toggle the visibility of the post --- src/components/Post.tsx | 81 ++++++++++++++++++++++++++++++++++++++++- src/content/content.ts | 6 +-- 2 files changed, 83 insertions(+), 4 deletions(-) diff --git a/src/components/Post.tsx b/src/components/Post.tsx index 283f110..fbc31d1 100644 --- a/src/components/Post.tsx +++ b/src/components/Post.tsx @@ -2,6 +2,85 @@ import type { PostData } from "../content/content"; type PostProps = { post: PostData }; +import { useState } from "react"; + +/** + * Renders a single blog post with its content and author information. + * @param post - The data of the blog post to be displayed. + * @returns The JSX element representing the blog post. + */ export function Post({ post }: PostProps) { - return
Post
; + // State to keep track of whether the full content is visible or not. + const [isContentVisible, setContentVisible] = useState(false); + + /** + * Toggles the visibility of the full content. + */ + const toggleContentVisibility = () => { + setContentVisible(!isContentVisible); + }; + + return ( +
+ {/* Container for the blog post */} +
+
+

From the blog

+ +
+ {/* Image of the blog post */} + + +
+ {/* Date of the blog post */} +

+ {post.publishedDate.toLocaleDateString()} +

+ + {/* Title of the blog post */} + + {post.title} + + + {/* Content of the blog post */} + {isContentVisible && ( +

+ {post.content} +

+ )} + + {/* Button to show the full content */} + + + {/* Author information */} +
+ + +
+

{post.author}

+

Lead Developer

+
+
+
+
+
+
+
+ ); } diff --git a/src/content/content.ts b/src/content/content.ts index 7f029e5..bfeae1a 100644 --- a/src/content/content.ts +++ b/src/content/content.ts @@ -23,7 +23,7 @@ export const data: PostData[] = [ postImage: postOneImage, authorImage: Willray, content: - "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.", + "Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitiamolestiae quas vel sint commodi repudiandae consequuntur voluptatum laborumnumquam blanditiis harum quisquam eius sed oditfugiat iusto fuga praesentiumoptio, eaque rerum! Provident similique accusantium nemo autem. Veritatisobcaecati tenetur iure eius earum ut molestias architecto voluptate aliquamnihil, eveniet aliquid culpa officia aut! Impedit sit sunt quaerat, odit,tenetur error, harum nesciunt ipsum debitis quas aliquid. Reprehenderit,quia. Quo neque error repudiandae fuga? Ipsa laudantium molestias eos sapiente officiis modi at sunt excepturi expedita sint? Sed quibusdamrecusandae alias error harum maxime adipisci amet laborum. Perspiciatis minima nesciunt dolorem! Officiis iure rerum luptates a cumque velit quibusdam sed amet tempora. Sit laborum ab, eius fugit doloribus tenetur fugiat, temporibus enim commodi iusto libero magni deleniti quod quam consequuntur! Commodi minima excepturi repudiandae velit hic maximedoloremque. Quaerat provident commodi consectetur veniam similique ad earum omnis ipsum saepe, voluptas, hic voluptates pariatur est explicabo eligendi quam cupiditate excepturi mollitia maiores labore suscipit quas? Nulla, placeat. Voluptatem quaerat non architecto ab laudantiummodi minima sunt esse temporibus sint culpa, recusandae aliquam numquam totam ratione voluptas quod exercitationem fuga.", title: "First post", author: "William Ray", publishedDate: new Date(), @@ -32,7 +32,7 @@ export const data: PostData[] = [ postImage: postTwoImage, authorImage: Mikelat, content: - "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.", + "Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitiamolestiae quas vel sint commodi repudiandae consequuntur voluptatum laborumnumquam blanditiis harum quisquam eius sed oditfugiat iusto fuga praesentiumoptio, eaque rerum! Provident similique accusantium nemo autem. Veritatisobcaecati tenetur iure eius earum ut molestias architecto voluptate aliquamnihil, eveniet aliquid culpa officia aut! Impedit sit sunt quaerat, odit,tenetur error, harum nesciunt ipsum debitis quas aliquid. Reprehenderit,quia. Quo neque error repudiandae fuga? Ipsa laudantium molestias eos sapiente officiis modi at sunt excepturi expedita sint? Sed quibusdamrecusandae alias error harum maxime adipisci amet laborum. Perspiciatis minima nesciunt dolorem! Officiis iure rerum luptates a cumque velit quibusdam sed amet tempora. Sit laborum ab, eius fugit doloribus tenetur fugiat, temporibus enim commodi iusto libero magni deleniti quod quam consequuntur! Commodi minima excepturi repudiandae velit hic maximedoloremque. Quaerat provident commodi consectetur veniam similique ad earum omnis ipsum saepe, voluptas, hic voluptates pariatur est explicabo eligendi quam cupiditate excepturi mollitia maiores labore suscipit quas? Nulla, placeat. Voluptatem quaerat non architecto ab laudantiummodi minima sunt esse temporibus sint culpa, recusandae aliquam numquam totam ratione voluptas quod exercitationem fuga.", title: "Second post", author: "Mike Latimore", publishedDate: new Date(), @@ -41,7 +41,7 @@ export const data: PostData[] = [ postImage: postThreeImage, authorImage: Chrisf, content: - "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.", + "Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitiamolestiae quas vel sint commodi repudiandae consequuntur voluptatum laborumnumquam blanditiis harum quisquam eius sed oditfugiat iusto fuga praesentiumoptio, eaque rerum! Provident similique accusantium nemo autem. Veritatisobcaecati tenetur iure eius earum ut molestias architecto voluptate aliquamnihil, eveniet aliquid culpa officia aut! Impedit sit sunt quaerat, odit,tenetur error, harum nesciunt ipsum debitis quas aliquid. Reprehenderit,quia. Quo neque error repudiandae fuga? Ipsa laudantium molestias eos sapiente officiis modi at sunt excepturi expedita sint? Sed quibusdamrecusandae alias error harum maxime adipisci amet laborum. Perspiciatis minima nesciunt dolorem! Officiis iure rerum luptates a cumque velit quibusdam sed amet tempora. Sit laborum ab, eius fugit doloribus tenetur fugiat, temporibus enim commodi iusto libero magni deleniti quod quam consequuntur! Commodi minima excepturi repudiandae velit hic maximedoloremque. Quaerat provident commodi consectetur veniam similique ad earum omnis ipsum saepe, voluptas, hic voluptates pariatur est explicabo eligendi quam cupiditate excepturi mollitia maiores labore suscipit quas? Nulla, placeat. Voluptatem quaerat non architecto ab laudantiummodi minima sunt esse temporibus sint culpa, recusandae aliquam numquam totam ratione voluptas quod exercitationem fuga.", title: "Third post", author: "Chris Forti", publishedDate: new Date(), From 5a81cb914f5e943123ca6e154cd1d4f8d8907a76 Mon Sep 17 00:00:00 2001 From: michaelatimore Date: Sat, 20 Jul 2024 12:37:16 -0400 Subject: [PATCH 04/10] Removed an unnecessary anchor tag on the title of the blog --- src/components/Post.tsx | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/src/components/Post.tsx b/src/components/Post.tsx index fbc31d1..4c2e99a 100644 --- a/src/components/Post.tsx +++ b/src/components/Post.tsx @@ -42,12 +42,8 @@ export function Post({ post }: PostProps) {

{/* Title of the blog post */} - - {post.title} - +

{post.title}

+ {/* Content of the blog post */} {isContentVisible && ( From f32d8cc88432444055768ebeab82b88241429e6c Mon Sep 17 00:00:00 2001 From: michaelatimore Date: Sat, 20 Jul 2024 16:56:26 -0400 Subject: [PATCH 05/10] Added styling to the title --- src/components/Post.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Post.tsx b/src/components/Post.tsx index 4c2e99a..a8224be 100644 --- a/src/components/Post.tsx +++ b/src/components/Post.tsx @@ -42,7 +42,7 @@ export function Post({ post }: PostProps) {

{/* Title of the blog post */} -

{post.title}

+

{post.title}

{/* Content of the blog post */} From 8c89198e208ad6966fe438058c0b64f7a962cb89 Mon Sep 17 00:00:00 2001 From: michaelatimore Date: Wed, 24 Jul 2024 21:02:18 -0400 Subject: [PATCH 06/10] Removed the toggle functionality --- src/components/Post.tsx | 27 +++------------------------ 1 file changed, 3 insertions(+), 24 deletions(-) diff --git a/src/components/Post.tsx b/src/components/Post.tsx index a8224be..b7a49c2 100644 --- a/src/components/Post.tsx +++ b/src/components/Post.tsx @@ -10,16 +10,6 @@ import { useState } from "react"; * @returns The JSX element representing the blog post. */ export function Post({ post }: PostProps) { - // State to keep track of whether the full content is visible or not. - const [isContentVisible, setContentVisible] = useState(false); - - /** - * Toggles the visibility of the full content. - */ - const toggleContentVisibility = () => { - setContentVisible(!isContentVisible); - }; - return (
{/* Container for the blog post */} @@ -44,21 +34,10 @@ export function Post({ post }: PostProps) { {/* Title of the blog post */}

{post.title}

- {/* Content of the blog post */} - {isContentVisible && ( -

- {post.content} -

- )} - - {/* Button to show the full content */} - +

+ {post.content} +

{/* Author information */}
From 0c306faba69fcacfb8d48a29edff2db109fdcccf Mon Sep 17 00:00:00 2001 From: michaelatimore Date: Wed, 24 Jul 2024 21:08:47 -0400 Subject: [PATCH 07/10] Removed the unused UseState --- src/components/Post.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/Post.tsx b/src/components/Post.tsx index b7a49c2..ecc3541 100644 --- a/src/components/Post.tsx +++ b/src/components/Post.tsx @@ -2,7 +2,6 @@ import type { PostData } from "../content/content"; type PostProps = { post: PostData }; -import { useState } from "react"; /** * Renders a single blog post with its content and author information. From fae681b3ab45c775dca1355aee897add25d6415c Mon Sep 17 00:00:00 2001 From: michaelatimore Date: Sat, 27 Jul 2024 10:10:55 -0400 Subject: [PATCH 08/10] Deleted line 51 in Post.tsx that was a job title for the author that was not dynamically rendered. --- src/components/Post.tsx | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/components/Post.tsx b/src/components/Post.tsx index ecc3541..5a39fec 100644 --- a/src/components/Post.tsx +++ b/src/components/Post.tsx @@ -47,8 +47,7 @@ export function Post({ post }: PostProps) { />
-

{post.author}

-

Lead Developer

+

{post.author}

From e04b58c0b471dd612f6afb2022be354e50e04aac Mon Sep 17 00:00:00 2001 From: Kenson Johnson <94240602+kensonjohnson@users.noreply.github.com> Date: Fri, 2 Aug 2024 18:19:16 -0500 Subject: [PATCH 09/10] Change regular layout --- src/components/Post.tsx | 29 +++++++++++++++++------------ src/content/content.ts | 6 +++--- 2 files changed, 20 insertions(+), 15 deletions(-) diff --git a/src/components/Post.tsx b/src/components/Post.tsx index 5a39fec..b3538fa 100644 --- a/src/components/Post.tsx +++ b/src/components/Post.tsx @@ -2,7 +2,6 @@ import type { PostData } from "../content/content"; type PostProps = { post: PostData }; - /** * Renders a single blog post with its content and author information. * @param post - The data of the blog post to be displayed. @@ -13,41 +12,47 @@ export function Post({ post }: PostProps) {
{/* Container for the blog post */}
-
-

From the blog

+
+

+ From the blog +

-
+
{/* Image of the blog post */} -
+
{/* Date of the blog post */}

{post.publishedDate.toLocaleDateString()}

{/* Title of the blog post */} -

{post.title}

- +

+ {post.title} +

+ {/* Content of the blog post */} -

+

{post.content}

{/* Author information */} -
+
-

{post.author}

+

+ {post.author} +

diff --git a/src/content/content.ts b/src/content/content.ts index bfeae1a..470dddc 100644 --- a/src/content/content.ts +++ b/src/content/content.ts @@ -23,7 +23,7 @@ export const data: PostData[] = [ postImage: postOneImage, authorImage: Willray, content: - "Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitiamolestiae quas vel sint commodi repudiandae consequuntur voluptatum laborumnumquam blanditiis harum quisquam eius sed oditfugiat iusto fuga praesentiumoptio, eaque rerum! Provident similique accusantium nemo autem. Veritatisobcaecati tenetur iure eius earum ut molestias architecto voluptate aliquamnihil, eveniet aliquid culpa officia aut! Impedit sit sunt quaerat, odit,tenetur error, harum nesciunt ipsum debitis quas aliquid. Reprehenderit,quia. Quo neque error repudiandae fuga? Ipsa laudantium molestias eos sapiente officiis modi at sunt excepturi expedita sint? Sed quibusdamrecusandae alias error harum maxime adipisci amet laborum. Perspiciatis minima nesciunt dolorem! Officiis iure rerum luptates a cumque velit quibusdam sed amet tempora. Sit laborum ab, eius fugit doloribus tenetur fugiat, temporibus enim commodi iusto libero magni deleniti quod quam consequuntur! Commodi minima excepturi repudiandae velit hic maximedoloremque. Quaerat provident commodi consectetur veniam similique ad earum omnis ipsum saepe, voluptas, hic voluptates pariatur est explicabo eligendi quam cupiditate excepturi mollitia maiores labore suscipit quas? Nulla, placeat. Voluptatem quaerat non architecto ab laudantiummodi minima sunt esse temporibus sint culpa, recusandae aliquam numquam totam ratione voluptas quod exercitationem fuga.", + "Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitiamolestiae quas vel sint commodi repudiandae consequuntur voluptatum laborumnumquam blanditiis harum quisquam eius sed oditfugiat iusto fuga praesentiumoptio, eaque rerum! Provident similique accusantium nemo autem. Veritatisobcaecati tenetur iure eius earum ut molestias architecto voluptate aliquamnihil, eveniet aliquid culpa officia aut! Impedit sit sunt quaerat, odit,tenetur error, harum nesciunt ipsum debitis quas aliquid. Reprehenderit,quia. Quo neque error repudiandae fuga? Ipsa laudantium molestias eos sapiente officiis modi at sunt excepturi expedita sint? Sed quibusdamrecusandae alias error harum maxime adipisci amet laborum. Perspiciatis minima nesciunt dolorem! Officiis iure rerum luptates a cumque velit quibusdam sed amet tempora. Sit laborum ab, eius fugit doloribus tenetur fugiat, temporibus enim commodi iusto libero magni deleniti quod quam consequuntur! Commodi minima excepturi repudiandae velit hic maximedoloremque. Quaerat provident commodi consectetur veniam similique ad earum omnis ipsum saepe, voluptas, hic voluptates pariatur est explicabo eligendi quam cupiditate excepturi mollitia maiores labore suscipit quas? Nulla, placeat. Voluptatem quaerat non architecto ab laudantiummodi minima sunt esse temporibus sint culpa, recusandae aliquam numquam totam ratione voluptas quod exercitationem fuga. Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitiamolestiae quas vel sint commodi repudiandae consequuntur voluptatum laborumnumquam blanditiis harum quisquam eius sed oditfugiat iusto fuga praesentiumoptio, eaque rerum! Provident similique accusantium nemo autem. Veritatisobcaecati tenetur iure eius earum ut molestias architecto voluptate aliquamnihil, eveniet aliquid culpa officia aut! Impedit sit sunt quaerat, odit,tenetur error, harum nesciunt ipsum debitis quas aliquid. Reprehenderit,quia. Quo neque error repudiandae fuga? Ipsa laudantium molestias eos sapiente officiis modi at sunt excepturi expedita sint? Sed quibusdamrecusandae alias error harum maxime adipisci amet laborum. Perspiciatis minima nesciunt dolorem! Officiis iure rerum luptates a cumque velit quibusdam sed amet tempora. Sit laborum ab, eius fugit doloribus tenetur fugiat, temporibus enim commodi iusto libero magni deleniti quod quam consequuntur! Commodi minima excepturi repudiandae velit hic maximedoloremque. Quaerat provident commodi consectetur veniam similique ad earum omnis ipsum saepe, voluptas, hic voluptates pariatur est explicabo eligendi quam cupiditate excepturi mollitia maiores labore suscipit quas? Nulla, placeat. Voluptatem quaerat non architecto ab laudantiummodi minima sunt esse temporibus sint culpa, recusandae aliquam numquam totam ratione voluptas quod exercitationem fuga. Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitiamolestiae quas vel sint commodi repudiandae consequuntur voluptatum laborumnumquam blanditiis harum quisquam eius sed oditfugiat iusto fuga praesentiumoptio, eaque rerum! Provident similique accusantium nemo autem. Veritatisobcaecati tenetur iure eius earum ut molestias architecto voluptate aliquamnihil, eveniet aliquid culpa officia aut! Impedit sit sunt quaerat, odit,tenetur error, harum nesciunt ipsum debitis quas aliquid. Reprehenderit,quia. Quo neque error repudiandae fuga? Ipsa laudantium molestias eos sapiente officiis modi at sunt excepturi expedita sint? Sed quibusdamrecusandae alias error harum maxime adipisci amet laborum. Perspiciatis minima nesciunt dolorem! Officiis iure rerum luptates a cumque velit quibusdam sed amet tempora. Sit laborum ab, eius fugit doloribus tenetur fugiat, temporibus enim commodi iusto libero magni deleniti quod quam consequuntur! Commodi minima excepturi repudiandae velit hic maximedoloremque. Quaerat provident commodi consectetur veniam similique ad earum omnis ipsum saepe, voluptas, hic voluptates pariatur est explicabo eligendi quam cupiditate excepturi mollitia maiores labore suscipit quas? Nulla, placeat. Voluptatem quaerat non architecto ab laudantiummodi minima sunt esse temporibus sint culpa, recusandae aliquam numquam totam ratione voluptas quod exercitationem fuga.", title: "First post", author: "William Ray", publishedDate: new Date(), @@ -32,7 +32,7 @@ export const data: PostData[] = [ postImage: postTwoImage, authorImage: Mikelat, content: - "Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitiamolestiae quas vel sint commodi repudiandae consequuntur voluptatum laborumnumquam blanditiis harum quisquam eius sed oditfugiat iusto fuga praesentiumoptio, eaque rerum! Provident similique accusantium nemo autem. Veritatisobcaecati tenetur iure eius earum ut molestias architecto voluptate aliquamnihil, eveniet aliquid culpa officia aut! Impedit sit sunt quaerat, odit,tenetur error, harum nesciunt ipsum debitis quas aliquid. Reprehenderit,quia. Quo neque error repudiandae fuga? Ipsa laudantium molestias eos sapiente officiis modi at sunt excepturi expedita sint? Sed quibusdamrecusandae alias error harum maxime adipisci amet laborum. Perspiciatis minima nesciunt dolorem! Officiis iure rerum luptates a cumque velit quibusdam sed amet tempora. Sit laborum ab, eius fugit doloribus tenetur fugiat, temporibus enim commodi iusto libero magni deleniti quod quam consequuntur! Commodi minima excepturi repudiandae velit hic maximedoloremque. Quaerat provident commodi consectetur veniam similique ad earum omnis ipsum saepe, voluptas, hic voluptates pariatur est explicabo eligendi quam cupiditate excepturi mollitia maiores labore suscipit quas? Nulla, placeat. Voluptatem quaerat non architecto ab laudantiummodi minima sunt esse temporibus sint culpa, recusandae aliquam numquam totam ratione voluptas quod exercitationem fuga.", + "Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitiamolestiae quas vel sint commodi repudiandae consequuntur voluptatum laborumnumquam blanditiis harum quisquam eius sed oditfugiat iusto fuga praesentiumoptio, eaque rerum! Provident similique accusantium nemo autem. Veritatisobcaecati tenetur iure eius earum ut molestias architecto voluptate aliquamnihil, eveniet aliquid culpa officia aut! Impedit sit sunt quaerat, odit,tenetur error, harum nesciunt ipsum debitis quas aliquid. Reprehenderit,quia. Quo neque error repudiandae fuga? Ipsa laudantium molestias eos sapiente officiis modi at sunt excepturi expedita sint? Sed quibusdamrecusandae alias error harum maxime adipisci amet laborum. Perspiciatis minima nesciunt dolorem! Officiis iure rerum luptates a cumque velit quibusdam sed amet tempora. Sit laborum ab, eius fugit doloribus tenetur fugiat, temporibus enim commodi iusto libero magni deleniti quod quam consequuntur! Commodi minima excepturi repudiandae velit hic maximedoloremque. Quaerat provident commodi consectetur veniam similique ad earum omnis ipsum saepe, voluptas, hic voluptates pariatur est explicabo eligendi quam cupiditate excepturi mollitia maiores labore suscipit quas? Nulla, placeat. Voluptatem quaerat non architecto ab laudantiummodi minima sunt esse temporibus sint culpa, recusandae aliquam numquam totam ratione voluptas quod exercitationem fuga.", title: "Second post", author: "Mike Latimore", publishedDate: new Date(), @@ -41,7 +41,7 @@ export const data: PostData[] = [ postImage: postThreeImage, authorImage: Chrisf, content: - "Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitiamolestiae quas vel sint commodi repudiandae consequuntur voluptatum laborumnumquam blanditiis harum quisquam eius sed oditfugiat iusto fuga praesentiumoptio, eaque rerum! Provident similique accusantium nemo autem. Veritatisobcaecati tenetur iure eius earum ut molestias architecto voluptate aliquamnihil, eveniet aliquid culpa officia aut! Impedit sit sunt quaerat, odit,tenetur error, harum nesciunt ipsum debitis quas aliquid. Reprehenderit,quia. Quo neque error repudiandae fuga? Ipsa laudantium molestias eos sapiente officiis modi at sunt excepturi expedita sint? Sed quibusdamrecusandae alias error harum maxime adipisci amet laborum. Perspiciatis minima nesciunt dolorem! Officiis iure rerum luptates a cumque velit quibusdam sed amet tempora. Sit laborum ab, eius fugit doloribus tenetur fugiat, temporibus enim commodi iusto libero magni deleniti quod quam consequuntur! Commodi minima excepturi repudiandae velit hic maximedoloremque. Quaerat provident commodi consectetur veniam similique ad earum omnis ipsum saepe, voluptas, hic voluptates pariatur est explicabo eligendi quam cupiditate excepturi mollitia maiores labore suscipit quas? Nulla, placeat. Voluptatem quaerat non architecto ab laudantiummodi minima sunt esse temporibus sint culpa, recusandae aliquam numquam totam ratione voluptas quod exercitationem fuga.", + "Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitiamolestiae quas vel sint commodi repudiandae consequuntur voluptatum laborumnumquam blanditiis harum quisquam eius sed oditfugiat iusto fuga praesentiumoptio, eaque rerum! Provident similique accusantium nemo autem. Veritatisobcaecati tenetur iure eius earum ut molestias architecto voluptate aliquamnihil, eveniet aliquid culpa officia aut! Impedit sit sunt quaerat, odit,tenetur error, harum nesciunt ipsum debitis quas aliquid. Reprehenderit,quia. Quo neque error repudiandae fuga? Ipsa laudantium molestias eos sapiente officiis modi at sunt excepturi expedita sint? Sed quibusdamrecusandae alias error harum maxime adipisci amet laborum. Perspiciatis minima nesciunt dolorem! Officiis iure rerum luptates a cumque velit quibusdam sed amet tempora. Sit laborum ab, eius fugit doloribus tenetur fugiat, temporibus enim commodi iusto libero magni deleniti quod quam consequuntur! Commodi minima excepturi repudiandae velit hic maximedoloremque. Quaerat provident commodi consectetur veniam similique ad earum omnis ipsum saepe, voluptas, hic voluptates pariatur est explicabo eligendi quam cupiditate excepturi mollitia maiores labore suscipit quas? Nulla, placeat. Voluptatem quaerat non architecto ab laudantiummodi minima sunt esse temporibus sint culpa, recusandae aliquam numquam totam ratione voluptas quod exercitationem fuga.", title: "Third post", author: "Chris Forti", publishedDate: new Date(), From 835d0be4a10ab27e1ce63bfa5f7901956c244821 Mon Sep 17 00:00:00 2001 From: Kenson Johnson <94240602+kensonjohnson@users.noreply.github.com> Date: Fri, 2 Aug 2024 18:20:11 -0500 Subject: [PATCH 10/10] Remove jsdoc comment --- src/components/Post.tsx | 5 ----- 1 file changed, 5 deletions(-) diff --git a/src/components/Post.tsx b/src/components/Post.tsx index b3538fa..79e1ee1 100644 --- a/src/components/Post.tsx +++ b/src/components/Post.tsx @@ -2,11 +2,6 @@ import type { PostData } from "../content/content"; type PostProps = { post: PostData }; -/** - * Renders a single blog post with its content and author information. - * @param post - The data of the blog post to be displayed. - * @returns The JSX element representing the blog post. - */ export function Post({ post }: PostProps) { return (