From 11a0dd0af6adbf4f639fe2b0ba2683c84f9c24db Mon Sep 17 00:00:00 2001
From: aXenDeveloper <axendeveloper@gmail.com>
Date: Fri, 1 Mar 2024 18:52:03 +0100
Subject: [PATCH] fix(forum): Fix pointer-events on click on forum and topic
 item in forum view for mobile

---
 frontend/components/header-content/header-content.tsx         | 2 +-
 frontend/themes/1/forum/views/forum/forums/item/item.tsx      | 4 ++--
 .../forum/forums/views/[id]/topics-list/wrapper-item.tsx      | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/components/header-content/header-content.tsx b/frontend/components/header-content/header-content.tsx
index 0589ad2db..e1d50bb1b 100644
--- a/frontend/components/header-content/header-content.tsx
+++ b/frontend/components/header-content/header-content.tsx
@@ -38,7 +38,7 @@ export const HeaderContent = forwardRef<
           <h2 className="font-semibold tracking-tight text-xl">{h2}</h2>
         )}
         {desc && (
-          <div className="text-sm text-muted-foreground [&_p]:text-center sm:[&_p]:text-left">
+          <div className="text-sm text-muted-foreground [&_p]:text-left">
             {desc}
           </div>
         )}
diff --git a/frontend/themes/1/forum/views/forum/forums/item/item.tsx b/frontend/themes/1/forum/views/forum/forums/item/item.tsx
index 592e4d436..51f0a0f86 100644
--- a/frontend/themes/1/forum/views/forum/forums/item/item.tsx
+++ b/frontend/themes/1/forum/views/forum/forums/item/item.tsx
@@ -29,7 +29,7 @@ export const ItemForum = ({
 
   return (
     <WrapperItemForum
-      className="px-6 py-4 border-t hover:bg-muted/50 flex gap-4 cursor-pointer flex-col md:flex-row"
+      className="px-6 py-4 border-t hover:bg-muted/50 flex gap-4 cursor-pointer flex-col md:flex-row pointer-events-none md:pointer-events-auto"
       href={href}
     >
       <div className="flex gap-4 flex-1">
@@ -63,7 +63,7 @@ export const ItemForum = ({
         </div>
       </div>
 
-      {_count.total_topics > 0 && _count.total_posts > 0 && (
+      {_count.total_topics > 0 && (
         <div className="flex-shrink-0 flex md:gap-4 gap-2 md:flex-row flex-col md:items-center">
           <StatsItemForum {..._count} />
           <LastPostItemForum />
diff --git a/frontend/themes/1/forum/views/forum/forums/views/[id]/topics-list/wrapper-item.tsx b/frontend/themes/1/forum/views/forum/forums/views/[id]/topics-list/wrapper-item.tsx
index c4fd1d233..6d82fccba 100644
--- a/frontend/themes/1/forum/views/forum/forums/views/[id]/topics-list/wrapper-item.tsx
+++ b/frontend/themes/1/forum/views/forum/forums/views/[id]/topics-list/wrapper-item.tsx
@@ -17,7 +17,7 @@ export const WrapperItemTopicListForum = ({ children, href }: Props) => {
   return (
     <div
       onClick={() => push(href)}
-      className="px-6 py-4 hover:bg-muted/50 cursor-pointer"
+      className="px-6 py-4 hover:bg-muted/50 cursor-pointer pointer-events-none md:pointer-events-auto"
     >
       {children}
     </div>