From 348a4f4bbfd56dd6ad0c947e6ba4a7ed202f4694 Mon Sep 17 00:00:00 2001
From: danidfra <danielfilemondev@gmail.com>
Date: Tue, 5 Nov 2024 16:03:15 -0300
Subject: [PATCH] Change classname "image-loader" to custom Tailwind

---
 src/features/ui/components/image-loader.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/features/ui/components/image-loader.tsx b/src/features/ui/components/image-loader.tsx
index 6f2156ab1..f71ad0f08 100644
--- a/src/features/ui/components/image-loader.tsx
+++ b/src/features/ui/components/image-loader.tsx
@@ -135,16 +135,16 @@ class ImageLoader extends React.PureComponent<IImageLoader> {
     const { alt, src, width, height, onClick } = this.props;
     const { loading } = this.state;
 
-    const className = clsx('image-loader', {
-      'image-loader--loading': loading,
-      'image-loader--amorphous': !this.hasSize(),
-    });
+    const className = 'relative size-full flex items-center justify-center flex-col';
 
     return (
       <div className={className}>
         {loading ? (
           <canvas
-            className='image-loader__preview-canvas'
+            className={clsx('max-h-[80%] max-w-full object-contain', { 'hidden': !this.hasSize() })}
+            style={{
+              background: 'url(\'../assets/images/void.png\') repeat',
+            }}
             ref={this.setCanvasRef}
             width={width}
             height={height}