From 2ada1c6beb44c73c9a4abc9b2bfda0bdf0715260 Mon Sep 17 00:00:00 2001
From: Raul Andrade <raul.andrade@mercadofavo.com>
Date: Thu, 10 Mar 2022 23:38:46 -0300
Subject: [PATCH] fix: display icons on safari

---
 src/components/audio-player/audio-player.tsx    |  2 --
 src/components/image-box/image-box.skeleton.tsx |  2 +-
 src/components/image-box/image-box.tsx          | 10 +---------
 3 files changed, 2 insertions(+), 12 deletions(-)

diff --git a/src/components/audio-player/audio-player.tsx b/src/components/audio-player/audio-player.tsx
index 24d0bdd..469f7fc 100644
--- a/src/components/audio-player/audio-player.tsx
+++ b/src/components/audio-player/audio-player.tsx
@@ -52,7 +52,6 @@ export const AudioPlayer = ({
           className="h-20 w-20 sm:h-10 sm:w-10 dark:fill-gray-100 fill-gray-600 cursor-pointer
           hover:scale-110
           transition duration-200 ease-out hover:ease-in"
-          type="button"
           onClick={pause}
         />
       ) : (
@@ -61,7 +60,6 @@ export const AudioPlayer = ({
           className="h-20 w-20 sm:h-10 sm:w-10 dark:fill-gray-100 fill-gray-600 cursor-pointer
           hover:scale-110
           transition duration-200 ease-out hover:ease-in"
-          type="button"
           onClick={handlePlay}
         />
       )}
diff --git a/src/components/image-box/image-box.skeleton.tsx b/src/components/image-box/image-box.skeleton.tsx
index 440fb0c..42a2c74 100644
--- a/src/components/image-box/image-box.skeleton.tsx
+++ b/src/components/image-box/image-box.skeleton.tsx
@@ -20,7 +20,7 @@ export const ImageBoxSkeleton = () => {
 
           <div
             aria-label="image loading"
-            className="rounded w-72 h-72 bg-gray-300 dark:bg-gray-600"
+            className="w-72 h-72 bg-gray-300 dark:bg-gray-600"
           />
           <div className="mt-4 w-20 h-4 bg-gray-800 dark:bg-gray-100 rounded" />
           <div className="mt-4 mb-2 w-6/12 h-4 bg-gray-500 dark:bg-gray-200 rounded" />
diff --git a/src/components/image-box/image-box.tsx b/src/components/image-box/image-box.tsx
index 75943b4..67768a8 100644
--- a/src/components/image-box/image-box.tsx
+++ b/src/components/image-box/image-box.tsx
@@ -45,13 +45,7 @@ export const ImageBox = ({
             />
           </a>
         </div>
-        <Image
-          className="rounded"
-          alt={artist}
-          src={imgSrc}
-          width="300"
-          height="300"
-        />
+        <Image alt={artist} src={imgSrc} width="300" height="300" />
         <div className="flex flex-col items-start p-2">
           <strong className="w-64 truncate dark:text-neutral-200">
             {track}
@@ -66,7 +60,6 @@ export const ImageBox = ({
            hover:fill-red-500 hover:scale-110 cursor-pointer 
            transition duration-200 ease-out hover:ease-in"
             onClick={onDislike}
-            type="button"
           />
 
           <AudioPlayer src={audioSrc} />
@@ -77,7 +70,6 @@ export const ImageBox = ({
            hover:fill-spotifyGreen hover:scale-110 cursor-pointer 
            transition duration-200 ease-out hover:ease-in"
             onClick={onLike}
-            type="button"
           />
         </div>
       </div>