From addb2e55d959514f58796536c9365b54b61de768 Mon Sep 17 00:00:00 2001 From: "Wyatt J. Miller" Date: Tue, 10 Dec 2024 14:08:03 -0500 Subject: [PATCH] modified PostCarousel to use grid, among other things --- frontend/components/AuthorCard.tsx | 10 ++++---- frontend/components/Footer.tsx | 36 ++++++++++++++++++---------- frontend/components/PostCard.tsx | 3 ++- frontend/components/PostCarousel.tsx | 12 +++++----- frontend/routes/posts/index.tsx | 8 +++---- 5 files changed, 41 insertions(+), 28 deletions(-) diff --git a/frontend/components/AuthorCard.tsx b/frontend/components/AuthorCard.tsx index da633a4..8663d5b 100644 --- a/frontend/components/AuthorCard.tsx +++ b/frontend/components/AuthorCard.tsx @@ -9,11 +9,13 @@ export default function AuthorCard({ }) { return (
-
+
@@ -7,51 +9,59 @@ export default function Footer() {
- RSS +
+ + RSS +
-
- Sitemap +
+ + Sitemap +

- © {new Date().getFullYear()}{" "} - Miller Web Solutions. All Rights Reserved. Hosted by Akamai. + © {new Date().getFullYear()} Miller Web Solutions. All Rights + Reserved. Hosted by Akamai.

diff --git a/frontend/components/PostCard.tsx b/frontend/components/PostCard.tsx index 691226d..da3f039 100644 --- a/frontend/components/PostCard.tsx +++ b/frontend/components/PostCard.tsx @@ -4,7 +4,7 @@ import { truncateString } from "../lib/truncate.ts"; export const PostCard = function PostCard({ post }: { post: Post }) { return (
- +

{post.title}

Written by{" "} @@ -30,4 +30,5 @@ export type Post = { title: string; body: string; created_at: string; + slug: string; }; diff --git a/frontend/components/PostCarousel.tsx b/frontend/components/PostCarousel.tsx index c11dd99..efa6c30 100644 --- a/frontend/components/PostCarousel.tsx +++ b/frontend/components/PostCarousel.tsx @@ -6,12 +6,12 @@ interface PostOpts { export const PostCarousel = function PostCarousel({ posts }: PostOpts) { return ( -

-
-
- {posts.map((post: Post) => { - return ; - })} +
+
+
+ {posts.map((post: Post) => ( + + ))}
diff --git a/frontend/routes/posts/index.tsx b/frontend/routes/posts/index.tsx index ee2d345..5ff08a2 100644 --- a/frontend/routes/posts/index.tsx +++ b/frontend/routes/posts/index.tsx @@ -12,7 +12,7 @@ interface PageData { } export const handler: Handlers = { - async GET(_: any, ctx: any) { + async GET(_, ctx) { const [featuredResult, recentResult, hotResult, popularResult] = await Promise.all([ fetch(`${Deno.env.get("BASE_URI_API")}/posts/featured`), @@ -22,8 +22,8 @@ export const handler: Handlers = { ]); // parse all JSON responses concurrently - const [featuredPosts, recentPosts, hotPosts, popularPosts] = await Promise - .all([ + const [featuredPosts, recentPosts, hotPosts, popularPosts] = + await Promise.all([ featuredResult.json(), recentResult.json(), hotResult.json(), @@ -52,7 +52,7 @@ export default function PostPage({ data }: PageProps) { Featured Posts
-
+
Ignite the impossible