this repo has no description
www.baileykane.co/
Update to pull actual blogpost content
+6
-4
+3
-2
app/blog/page.tsx
+3
-2
app/blog/page.tsx
···
1
1
import BlogPage from "@/components/pageContent/BlogPage";
2
2
import { importCSVDataAsJson } from "@/lib/sheetsConnector";
3
+
import type BlogPost from "@/types/BlogPost";
3
4
4
5
export default async function Page(): Promise<React.ReactElement> {
5
6
const blogPosts = await getBlogPosts();
···
7
8
return <BlogPage blogPosts={blogPosts} />;
8
9
}
9
10
10
-
async function getBlogPosts(): Promise<Array<Object>> {
11
+
async function getBlogPosts(): Promise<Array<BlogPost>> {
11
12
const blogPosts = await importCSVDataAsJson(
12
-
process.env.NEXT_PUBLIC_LIBRARY_CARDS_DATA_URL || "undefined"
13
+
process.env.NEXT_PUBLIC_BLOG_POST_URL || "undefined"
13
14
);
14
15
15
16
return blogPosts.data;
+3
-2
components/pageContent/BlogPage.tsx
+3
-2
components/pageContent/BlogPage.tsx
···
1
1
import { Key } from "react";
2
2
import BaseLayout from "@/components/BaseLayout";
3
+
import type BlogPost from "@/types/BlogPost";
3
4
4
5
interface BlogProps {
5
-
blogPosts: Array<Object>;
6
+
blogPosts: Array<BlogPost>;
6
7
}
7
8
8
9
export default function Blog({ blogPosts }: BlogProps): React.ReactElement {
···
17
18
</div>
18
19
<div>
19
20
{blogPosts.map((blogPost, k: Key) => (
20
-
<div key={k}>{blogPost.name}</div>
21
+
<div key={k}>{blogPost.title}</div>
21
22
))}
22
23
</div>
23
24
</div>