From 6983559032d731ad6264ad56f0786b1a84f7cf4e Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Tue, 31 Oct 2023 12:41:27 +0330
Subject: [PATCH] style: change button animation

---
 src/components/buttons/unselect/unselect.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/buttons/unselect/unselect.tsx b/src/components/buttons/unselect/unselect.tsx
index 670952d..05e1d70 100644
--- a/src/components/buttons/unselect/unselect.tsx
+++ b/src/components/buttons/unselect/unselect.tsx
@@ -15,7 +15,10 @@ export function UnselectButton() {
   const hasHistory = useSoundStore(state => !!state.history);
   const unselectAll = useSoundStore(state => state.unselectAll);
 
-  const variants = mix(fade(), slideX(10));
+  const variants = {
+    ...mix(fade(), slideX(15)),
+    exit: { opacity: 0 },
+  };
 
   return (
     <>
@@ -23,7 +26,7 @@ export function UnselectButton() {
         {(!noSelected || hasHistory) && (
           <motion.div
             animate="show"
-            exit="hidden"
+            exit="exit"
             initial="hidden"
             variants={variants}
           >