From 06fe17c93edf5d8a73d144ffb0cbd42c349d7222 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Thu, 9 Jan 2025 13:45:21 +0800
Subject: [PATCH] chore: enchance fold into anim

---
 web/app/components/header/plugins-nav/index.tsx               | 2 +-
 .../plugins/install-plugin/hooks/use-fold-anim-into.ts        | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/app/components/header/plugins-nav/index.tsx b/web/app/components/header/plugins-nav/index.tsx
index b2c6eba1a6..ab742c98cf 100644
--- a/web/app/components/header/plugins-nav/index.tsx
+++ b/web/app/components/header/plugins-nav/index.tsx
@@ -27,7 +27,7 @@ const PluginsNav = ({
 
   return (
     <Link href="/plugins" className={classNames(
-      className, 'group',
+      className, 'group', 'plugins-nav-button', // used for use-fold-anim-into.ts
     )}>
       <div
         className={classNames(
diff --git a/web/app/components/plugins/install-plugin/hooks/use-fold-anim-into.ts b/web/app/components/plugins/install-plugin/hooks/use-fold-anim-into.ts
index 5bf17bb917..4b8d5e8293 100644
--- a/web/app/components/plugins/install-plugin/hooks/use-fold-anim-into.ts
+++ b/web/app/components/plugins/install-plugin/hooks/use-fold-anim-into.ts
@@ -1,6 +1,6 @@
 import { sleep } from '@/utils'
 
-const animTime = 2000
+const animTime = 750
 const modalClassName = 'install-modal'
 const COUNT_DOWN_TIME = 15000 // 15s
 
@@ -21,7 +21,7 @@ const useFoldAnimInto = (onClose: () => void) => {
   const foldIntoAnim = async () => {
     clearCountDown()
     const modalElem = document.querySelector(`.${modalClassName}`) as HTMLElement
-    const pluginTaskTriggerElem = document.getElementById('plugin-task-trigger')
+    const pluginTaskTriggerElem = document.getElementById('plugin-task-trigger') || document.querySelector('.plugins-nav-button')
 
     if (!modalElem || !pluginTaskTriggerElem) {
       onClose()