From 3bb0272485f5fd10dbe6efc7db4f0c23fed5027a Mon Sep 17 00:00:00 2001
From: McPizza0 <gh@l1.io>
Date: Wed, 21 Aug 2024 11:11:38 +0200
Subject: [PATCH] add/move to space: move tooltip wrapper

---
 .../convo/[convoId]/_components/top-bar.tsx   | 44 +++++++++----------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/apps/web/src/app/[orgShortcode]/convo/[convoId]/_components/top-bar.tsx b/apps/web/src/app/[orgShortcode]/convo/[convoId]/_components/top-bar.tsx
index c3ca5405..870fd04c 100644
--- a/apps/web/src/app/[orgShortcode]/convo/[convoId]/_components/top-bar.tsx
+++ b/apps/web/src/app/[orgShortcode]/convo/[convoId]/_components/top-bar.tsx
@@ -209,23 +209,23 @@ function AddToSpaceButton({ convoId }: AddToSpaceButtonProps) {
   return (
     <>
       <Popover open={showSpaceList}>
-        <PopoverTrigger
-          asChild
-          onClick={() => setShowSpaceList(!showSpaceList)}>
-          <Tooltip>
-            <TooltipTrigger asChild>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <PopoverTrigger
+              asChild
+              onClick={() => setShowSpaceList(!showSpaceList)}>
               <Button
                 variant={'outline'}
                 size={'icon-sm'}
                 loading={isPending}>
                 <ArrowSquareIn className="size-4" />
               </Button>
-            </TooltipTrigger>
-            <TooltipContent>Add Conversation to another Space</TooltipContent>
-          </Tooltip>
-        </PopoverTrigger>
+            </PopoverTrigger>
+          </TooltipTrigger>
+          <TooltipContent>Add Conversation to another Space</TooltipContent>
+        </Tooltip>
         <PopoverContent onPointerDownOutside={() => setShowSpaceList(false)}>
-          <div className="flex w-full flex-col gap-4">
+          <div className="flex max-h-96 w-full flex-col gap-4 overflow-x-auto">
             <span className="text-base-11 text-sm font-semibold">
               Add Conversation to another Space
             </span>
@@ -336,25 +336,25 @@ function MoveToSpaceButton({ convoId }: MoveToSpaceButtonProps) {
   return (
     <>
       <Popover open={showSpaceList}>
-        <PopoverTrigger
-          asChild
-          onClick={() => setShowSpaceList(!showSpaceList)}>
-          <Tooltip>
-            <TooltipTrigger asChild>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <PopoverTrigger
+              asChild
+              onClick={() => setShowSpaceList(!showSpaceList)}>
               <Button
                 variant={'outline'}
                 size={'icon-sm'}
                 loading={isPending}>
                 <ArrowSquareOut className="size-4" />
               </Button>
-            </TooltipTrigger>
-            <TooltipContent>
-              Move Conversation to a different Space
-            </TooltipContent>
-          </Tooltip>
-        </PopoverTrigger>
+            </PopoverTrigger>
+          </TooltipTrigger>
+          <TooltipContent>
+            Move Conversation to a different Space
+          </TooltipContent>
+        </Tooltip>
         <PopoverContent onPointerDownOutside={() => setShowSpaceList(false)}>
-          <div className="flex w-full flex-col gap-4">
+          <div className="flex max-h-96 w-full flex-col gap-4 overflow-x-auto">
             <span className="text-base-11 text-sm font-semibold">
               Move Conversation to a different Space
             </span>