diff --git a/app/components/organisms/Carousel.tsx b/app/components/organisms/Carousel.tsx index 7064afe..ec4e890 100644 --- a/app/components/organisms/Carousel.tsx +++ b/app/components/organisms/Carousel.tsx @@ -25,7 +25,6 @@ export const Carousel = ({ posts }: { posts: Tables<"posts">[] }) => { {post.title}

- Published on{" "} {new Date(post.created_at).toLocaleDateString("en-US", { year: "numeric", month: "long", diff --git a/app/routes/blog.$slug.tsx b/app/routes/blog.$slug.tsx index fdaa46e..e3e6d43 100644 --- a/app/routes/blog.$slug.tsx +++ b/app/routes/blog.$slug.tsx @@ -134,8 +134,8 @@ export const clientLoader: ClientLoaderFunction = async ({ params, serverLoader, }: ClientLoaderFunctionArgs) => { - const cachedData = sessionStorage.getItem(`blogPosts-${params.slug}`); - const cachedTimestamp = sessionStorage.getItem( + const cachedData = localStorage.getItem(`blogPosts-${params.slug}`); + const cachedTimestamp = localStorage.getItem( `blogPostsTimestamp-${params.slug}`, ); @@ -159,14 +159,14 @@ export const clientLoader: ClientLoaderFunction = async ({ // Cache the data Promise.resolve(serverData.recordMap).then((recordMap) => { - sessionStorage.setItem( + localStorage.setItem( `blogPosts-${params.slug}`, JSON.stringify({ post: serverData.post, recordMap, }), ); - sessionStorage.setItem( + localStorage.setItem( `blogPostsTimestamp-${params.slug}`, Date.now().toString(), ); diff --git a/app/routes/blog._index.tsx b/app/routes/blog._index.tsx index dc4fa41..451c8a4 100644 --- a/app/routes/blog._index.tsx +++ b/app/routes/blog._index.tsx @@ -83,8 +83,8 @@ const CACHE_DURATION = 60 * 60 * 1000; // 1 hour in milliseconds export const clientLoader = async ({ serverLoader, }: ClientLoaderFunctionArgs) => { - const cachedData = sessionStorage.getItem("blogPosts"); - const cachedTimestamp = sessionStorage.getItem("blogPostsTimestamp"); + const cachedData = localStorage.getItem("blogPosts"); + const cachedTimestamp = localStorage.getItem("blogPostsTimestamp"); // Use cached data if it's valid if (cachedData && cachedTimestamp) { @@ -100,8 +100,8 @@ export const clientLoader = async ({ posts: Promise[]>; }; serverData.posts.then((posts) => { - sessionStorage.setItem("blogPosts", JSON.stringify({ posts })); - sessionStorage.setItem("blogPostsTimestamp", Date.now().toString()); + localStorage.setItem("blogPosts", JSON.stringify({ posts })); + localStorage.setItem("blogPostsTimestamp", Date.now().toString()); }); return serverData;