fix: try fix animate

Signed-off-by: Innei <i@innei.in>
Innei · Jul 6, 2023 · 79398af · 79398af · vercel · Jul 6, 2023
1 parent 6c995d1
commit 79398af
Showing 1 changed file with 30 additions and 27 deletions.
diff --git a/src/components/layout/header/internal/Activity.tsx b/src/components/layout/header/internal/Activity.tsx
@@ -111,7 +111,7 @@ export function Activity() {
   }
 
   return (
-    <AnimatePresence>
+    <>
       {!!media && (
         <m.div className="absolute bottom-0 left-0 top-0 z-[10] flex items-center md:left-[-30px]">
           <div className="absolute inset-0 z-[-1] flex center">
@@ -127,33 +127,36 @@ export function Activity() {
           </FloatPopover>
         </m.div>
       )}
-
-      {!!appLabels[processName] && (
-        <m.div
-          key={processName}
-          className="pointer-events-auto absolute bottom-0 right-0 top-0 z-[10] flex animate-pulse items-center overflow-hidden md:right-[-25px]"
-          initial={false}
-          animate={{
-            opacity: 1,
-            x: 0,
-          }}
-          exit={{
-            opacity: 0.2,
-            x: -10,
-          }}
-        >
-          <FloatPopover
-            TriggerComponent={TriggerComponent}
-            triggerComponentProps={memoProcessName}
-            type="tooltip"
-            strategy="fixed"
+      <AnimatePresence>
+        {!!appLabels[processName] && (
+          <m.div
+            key={processName}
+            className="pointer-events-auto absolute bottom-0 right-0 top-0 z-[10] flex items-center overflow-hidden md:right-[-25px]"
+            initial={false}
+            animate={{
+              opacity: 1,
+              x: 0,
+            }}
+            exit={{
+              opacity: 0.2,
+              x: -10,
+            }}
           >
-            {ownerName} 正在使用 {processName}
-            {appDescrption[processName] ? ` ${appDescrption[processName]}` : ''}
-          </FloatPopover>
-        </m.div>
-      )}
-    </AnimatePresence>
+            <FloatPopover
+              TriggerComponent={TriggerComponent}
+              triggerComponentProps={memoProcessName}
+              type="tooltip"
+              strategy="fixed"
+            >
+              {ownerName} 正在使用 {processName}
+              {appDescrption[processName]
+                ? ` ${appDescrption[processName]}`
+                : ''}
+            </FloatPopover>
+          </m.div>
+        )}
+      </AnimatePresence>
+    </>
   )
 }
 const cMusicProps = { processName: 'cmusic' }