From 3d8d94d17de6f901ad812dda387c3db4932d0f1b Mon Sep 17 00:00:00 2001
From: Damla Koksal <me@damlakoksal.com>
Date: Fri, 22 Apr 2022 14:53:40 +0300
Subject: [PATCH] [#17]fix: notification component

---
 src/components/common/Notification/Notification.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/common/Notification/Notification.tsx b/src/components/common/Notification/Notification.tsx
index 9f7f34b..4d180de 100644
--- a/src/components/common/Notification/Notification.tsx
+++ b/src/components/common/Notification/Notification.tsx
@@ -21,9 +21,10 @@ const Notification = () => {
   return (
     <div
       id="toast-warning"
-      className={`absolute transition-all ease-out scale-0 duration-500 right-5 top-5 items-center shadow-md w-full max-w-xs p-4 text-gray-500 bg-slate-100 rounded-lg dark:text-gray-400 dark:bg-gray-800 ${
-        isVisible &&
-        classNames('flex transition-all ease-in scale-100 duration-500')
+      className={`absolute flex right-5 top-5 items-center shadow-md w-full max-w-xs p-4 text-gray-500 bg-slate-100 rounded-lg dark:text-gray-400 dark:bg-gray-800 ${
+        isVisible
+          ? classNames('transition-all ease-in scale-100 duration-300')
+          : 'transition-transform ease-out scale-0 duration-300'
       }`}
       role="alert"
     >