Merge pull request #11 from joaoD3V/show-nudge

Ajuste na exibicao e remocao do nudge

islands/Nudge/Nudge.tsx

@@ -17,11 +17,13 @@ export type Position =
 export interface NudgeBaseProps {
   /**
    * @description Nudge will appear after the set time
+   * @default 2
    */
-  delayToShowInSeconds: number;
+  delayToShowInSeconds?: number;
 
   /**
    * @description Nudge will disappear after the set time
+   * @default 0
    */
   disappearAfterSeconds?: number;
 
@@ -59,7 +61,7 @@ const POSITION_STYLE = {
 
 function Nudge({
   children,
-  delayToShowInSeconds = 0,
+  delayToShowInSeconds = 2,
   position = "left-bottom",
   disappearAfterSeconds,
   badge,
@@ -78,15 +80,15 @@ function Nudge({
   }, []);
 
   useEffect(() => {
-    if (disappearAfterSeconds) {
+    if (isShowing && disappearAfterSeconds) {
       const disappear = setTimeout(() => {
         setIsShowing(false);
       }, disappearAfterSeconds * 1000);
       return () => {
         clearTimeout(disappear);
       };
     }
-  }, []);
+  }, [isShowing]);
 
   if (!isShowing) return null;