From 6316680127169694656e9cb3bd1202de301cf443 Mon Sep 17 00:00:00 2001
From: Sodbileg Gansukh <sodbileg.gansukh@gmail.com>
Date: Tue, 21 Nov 2023 09:47:52 +0800
Subject: [PATCH] Hide SVG icon titles globally

no issues

- when svg icons include title tag, the titles are displayed on hover
- this adds a global tailwind class pointer-events-none to the Icon component to hide the titles globally
---
 apps/admin-x-design-system/src/global/Icon.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/admin-x-design-system/src/global/Icon.tsx b/apps/admin-x-design-system/src/global/Icon.tsx
index bb3e71df4b..fed52d8b8a 100644
--- a/apps/admin-x-design-system/src/global/Icon.tsx
+++ b/apps/admin-x-design-system/src/global/Icon.tsx
@@ -62,7 +62,7 @@ const Icon: React.FC<IconProps> = ({name, size = 'md', colorClass = '', classNam
 
     if (SvgComponent) {
         return (
-            <SvgComponent className={`${styles} ${className}`} />
+            <SvgComponent className={`pointer-events-none ${styles} ${className}`} />
         );
     }
     return null;