[apisix-website] branch master updated: fix: EventPosterCard (#1217)

[bzp2010]

This is an automated email from the ASF dual-hosted git repository.

bzp2010 pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/apisix-website.git


The following commit(s) were added to refs/heads/master by this push:
     new 7ec863efae6 fix: EventPosterCard (#1217)
7ec863efae6 is described below

commit 7ec863efae609f7804f7e1c5b4f135417e7e8c16
Author: Young <isk...@outlook.com>
AuthorDate: Sat Jul 16 14:45:30 2022 +0800

    fix: EventPosterCard (#1217)
---
 website/src/components/EventPosterCard.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/website/src/components/EventPosterCard.tsx 
b/website/src/components/EventPosterCard.tsx
index b6e7f41c8e4..b81fb6ad6ba 100644
--- a/website/src/components/EventPosterCard.tsx
+++ b/website/src/components/EventPosterCard.tsx
@@ -42,16 +42,16 @@ const EventPosterCard:FC<Omit<EventPosterCardInfo, 'show' | 
'expire'>> = (props)
     });
   }, []);
 
-  const onClose = useCallback(() => {
-    api.start({
+  const onClose = useCallback(
+    async () => Promise.all(api.start({
       to: {
         x: 500,
         opacity: 0,
       },
-    }).then(() => {
-      setStoreShow('false');
-    });
-  }, [api]);
+    }))
+      .then(() => setStoreShow('false')),
+    [api],
+  );
 
   return (
     <animated.div className={style.picWrapper} style={styles}>
@@ -72,11 +72,11 @@ const EventPosterCard:FC<Omit<EventPosterCardInfo, 'show' | 
'expire'>> = (props)
 };
 
 const EventPosterCardWrapper: FC = () => {
-  const [storeShow] = useSessionStorage(SHOW_STORE_KEY, 'true');
+  const [storeShow] = useSessionStorage(SHOW_STORE_KEY);
   const { show, expire, ...rest } = config;
   const expireTimestamp = new Date(expire).getTime();
 
-  if (show && (storeShow === 'true') && (expireTimestamp > Date.now())) {
+  if (show && !storeShow && (expireTimestamp > Date.now())) {
     return <EventPosterCard {...rest} />;
   }