Merge pull request #248 from reworkd/saves

bug: fix agent share ui

Author: awtkns

src/components/ChatWindow.tsx

@@ -24,11 +24,13 @@ import WindowButton from "./WindowButton";
 import PDFButton from "./pdf/PDFButton";
 import FadeIn from "./motions/FadeIn";
 import type { Message } from "../types/agentTypes";
+import clsx from "clsx";
 
 interface ChatWindowProps extends HeaderProps {
   children?: ReactNode;
   className?: string;
   showDonation: boolean;
+  fullscreen?: boolean;
 }
 
 const messageListId = "chat-window-message-list";
@@ -40,6 +42,7 @@ const ChatWindow = ({
   title,
   showDonation,
   onSave,
+  fullscreen,
 }: ChatWindowProps) => {
   const [hasUserScrolled, setHasUserScrolled] = useState(false);
   const scrollRef = useRef<HTMLDivElement>(null);
@@ -73,7 +76,11 @@ const ChatWindow = ({
     >
       <MacWindowHeader title={title} messages={messages} onSave={onSave} />
       <div
-        className="window-heights mb-2 mr-2"
+        className={clsx(
+          "mb-2 mr-2 ",
+          (fullscreen && "max-h-[75vh] flex-grow overflow-auto") ||
+            "window-heights"
+        )}
         ref={scrollRef}
         onScroll={handleScroll}
         id={messageListId}

src/components/DottedGridBackground.tsx

@@ -1,4 +1,5 @@
 import React from "react";
+import clsx from "clsx";
 
 interface DottedGridBackgroundProps {
   children: React.ReactNode;
@@ -9,12 +10,7 @@ const DottedGridBackground = ({
   children,
   className,
 }: DottedGridBackgroundProps) => {
-  return (
-    <div className={`${className ? className + " " : ""} background`}>
-      <div className="lower-gradient" />
-      {children}
-    </div>
-  );
+  return <div className={clsx(className, "background")}>{children}</div>;
 };
 
 export default DottedGridBackground;

src/pages/agent/index.tsx

@@ -42,7 +42,8 @@ const AgentPage: NextPage = () => {
         messages={messages}
         title={getAgent?.data?.name}
         showDonation={false}
-        className={"min-h-[80vh] md:w-[80%]"}
+        className="min-h-[80vh] md:w-[80%]"
+        fullscreen
       />
       <div className="flex flex-row gap-2">
         <Button