From 0794224288160a31388dde7d179b7c59317a2106 Mon Sep 17 00:00:00 2001
From: zomars <zomars@me.com>
Date: Mon, 27 Jun 2022 20:28:25 -0600
Subject: [PATCH] Prevents undefined classNames in Skeletons

---
 packages/ui/skeleton/index.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/ui/skeleton/index.tsx b/packages/ui/skeleton/index.tsx
index 2812522716..19df84d949 100644
--- a/packages/ui/skeleton/index.tsx
+++ b/packages/ui/skeleton/index.tsx
@@ -20,7 +20,12 @@ interface SkeletonContainer {
 
 const SkeletonAvatar: React.FC<AvatarProps> = ({ width, height, className }) => {
   return (
-    <div className={`mt-1 rounded-full bg-gray-200 ltr:mr-2 rtl:ml-2 w-${width} h-${height} ${className}`} />
+    <div
+      className={classNames(
+        `mt-1 rounded-full bg-gray-200 ltr:mr-2 rtl:ml-2 w-${width} h-${height}`,
+        className
+      )}
+    />
   );
 };
 
@@ -38,7 +43,7 @@ const SkeletonText: React.FC<SkeletonBaseProps> = ({ width, height, className })
 const SkeletonButton: React.FC<SkeletonBaseProps> = ({ width, height, className }) => {
   return (
     <SkeletonContainer>
-      <div className={`w-${width} h-${height} bg-gray-200 ${className}`} />
+      <div className={classNames(`w-${width} h-${height} bg-gray-200`, className)} />
     </SkeletonContainer>
   );
 };