style: move save button to be next to stack trace

Signed-off-by: tylerslaton <[email protected]>
gptscript-ai · Sep 12, 2024 · c1a13eb · c1a13eb
1 parent 9947152
commit c1a13eb
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/components/chat/messages/calls.tsx b/components/chat/messages/calls.tsx
@@ -13,6 +13,7 @@ import {
   Button,
   Tooltip,
 } from '@nextui-org/react';
+import SaveFile from '@/components/saveFile';
 
 const Calls = ({ calls }: { calls: Record<string, CallFrame> }) => {
   const [showModal, setShowModal] = useState(false);
@@ -41,7 +42,10 @@ const Calls = ({ calls }: { calls: Record<string, CallFrame> }) => {
         <ModalContent>
           <ModalHeader className="flex justify-between">
             <div>
-              <h1 className="text-2xl my-4">Stack Trace</h1>
+              <div className="my-2">
+                <h1 className="text-2xl  inline mr-2">Stack Trace</h1>
+                <SaveFile content={calls}/>
+              </div>
               <h2 className="text-base text-zinc-500">
                 Below you can see what this call is doing or has done.
               </h2>

diff --git a/components/chat/messages/calls/stackTrace.tsx b/components/chat/messages/calls/stackTrace.tsx
@@ -3,7 +3,6 @@ import { Button, Tooltip } from '@nextui-org/react';
 import type { CallFrame } from '@gptscript-ai/gptscript';
 import { GoArrowDown, GoArrowUp } from 'react-icons/go';
 import { AiOutlineLoading3Quarters } from 'react-icons/ai';
-import SaveFile from '@/components/saveFile';
 
 const StackTrace = ({ calls }: { calls: Record<string, CallFrame> | null }) => {
   if (!calls) return null;
@@ -132,7 +131,6 @@ const StackTrace = ({ calls }: { calls: Record<string, CallFrame> | null }) => {
           {allOpen ? <GoArrowUp /> : <GoArrowDown />}
         </Button>
       </Tooltip>
-      <SaveFile content={calls} className="absolute bottom-9 right-8" />
       {calls ? <RenderLogs /> : <EmptyLogs />}
     </div>
   );

diff --git a/components/saveFile.tsx b/components/saveFile.tsx
@@ -15,11 +15,11 @@ const SaveFile: React.FC<Props> = ({ content, className }) => {
   return (
     <Tooltip content={'Download Stack Trace'} closeDelay={0}>
       <Button
+        size="sm"
         onPress={handleSave}
         className={className}
         isIconOnly
         radius="full"
-        color="primary"
         startContent={<GoDownload />}
       />
     </Tooltip>