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