update: animation

TabbyML · Dec 12, 2024 · e6fcd41 · e6fcd41
1 parent 286e0cd
commit e6fcd41
Showing 1 changed file with 22 additions and 20 deletions.
diff --git a/ee/tabby-ui/components/chat/chat-panel.tsx b/ee/tabby-ui/components/chat/chat-panel.tsx
@@ -193,17 +193,18 @@ function ChatPanelRenderer(
           <div className="flex flex-wrap gap-2">
             <AnimatePresence presenceAffectsLayout>
               {indexedRepository ? (
-                <Tooltip delayDuration={100}>
-                  <TooltipTrigger asChild>
-                    <motion.div
-                      initial={{ opacity: 0, scale: 0.9, y: -5 }}
-                      animate={{ opacity: 1, scale: 1, y: 0 }}
-                      transition={{
-                        ease: 'easeInOut',
-                        duration: 0.1
-                      }}
-                      exit={{ opacity: 0, scale: 0.9, y: 5 }}
-                    >
+                <motion.div
+                  key="indexed-repository"
+                  initial={{ opacity: 0, scale: 0.9, y: -5 }}
+                  animate={{ opacity: 1, scale: 1, y: 0 }}
+                  transition={{
+                    ease: 'easeInOut',
+                    duration: 0.1
+                  }}
+                  exit={{ opacity: 0, scale: 0.9, y: 5 }}
+                >
+                  <Tooltip delayDuration={100}>
+                    <TooltipTrigger asChild>
                       <Badge
                         variant="outline"
                         className={cn(
@@ -236,18 +237,19 @@ function ChatPanelRenderer(
                           )}
                         </Button>
                       </Badge>
-                    </motion.div>
-                  </TooltipTrigger>
-                  <TooltipContent className="text-md space-y-2" align="start">
-                    <span className="font-semibold text-muted-foreground">
-                      Indexed repository of current workspace:
-                    </span>
-                    <p>{indexedRepository.gitUrl}</p>
-                  </TooltipContent>
-                </Tooltip>
+                    </TooltipTrigger>
+                    <TooltipContent className="text-md space-y-2" align="start">
+                      <span className="font-semibold text-muted-foreground">
+                        Indexed repository of current workspace:
+                      </span>
+                      <p>{indexedRepository.gitUrl}</p>
+                    </TooltipContent>
+                  </Tooltip>
+                </motion.div>
               ) : null}
               {activeSelection ? (
                 <motion.div
+                  key="active-selection"
                   initial={{ opacity: 0, scale: 0.9, y: -5 }}
                   animate={{ opacity: 1, scale: 1, y: 0 }}
                   transition={{