Reverted to commit 0091584677

src/pages/BlogPost.tsx

@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 import { useParams, Link } from 'react-router-dom';
+import { useQuery } from '@tanstack/react-query';
 import { supabase } from '@/integrations/supabase/client';
-import { useBlogPost } from '@/hooks/blog/useBlogPost';
 import { MarkdownRenderer } from '@/components/blog/MarkdownRenderer';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
 import { Button } from '@/components/ui/button';
@@ -13,13 +13,26 @@ import { Header } from '@/components/layout/Header';
 import { Footer } from '@/components/layout/Footer';
 import { useDocumentTitle } from '@/hooks/useDocumentTitle';
 import { useOpenGraph } from '@/hooks/useOpenGraph';
-import { useQueryInvalidation } from '@/lib/queryInvalidation';
 
 export default function BlogPost() {
   const { slug } = useParams<{ slug: string }>();
-  const { invalidateBlogPost } = useQueryInvalidation();
 
-  const { data: post, isLoading } = useBlogPost(slug);
+  const { data: post, isLoading } = useQuery({
+    queryKey: ['blog-post', slug],
+    queryFn: async () => {
+      const query = supabase
+        .from('blog_posts')
+        .select('*, profiles!inner(username, display_name, avatar_url, avatar_image_id)')
+        .eq('slug', slug)
+        .eq('status', 'published')
+        .single();
+
+      const { data, error } = await query;
+      if (error) throw error;
+      return data;
+    },
+    enabled: !!slug,
+  });
   
   // Update document title when post changes
   useDocumentTitle(post?.title || 'Blog Post');
@@ -36,12 +49,9 @@ export default function BlogPost() {
 
   useEffect(() => {
     if (slug) {
-      supabase.rpc('increment_blog_view_count', { post_slug: slug }).then(() => {
-        // Invalidate blog post cache to update view count
-        invalidateBlogPost(slug);
-      });
+      supabase.rpc('increment_blog_view_count', { post_slug: slug });
     }
-  }, [slug, invalidateBlogPost]);
+  }, [slug]);
 
   if (isLoading) {
     return (