From cd9113d871c91794cd751108b1a9385bbec319e9 Mon Sep 17 00:00:00 2001
From: Chris Nee <cnee2@illinois.edu>
Date: Tue, 22 Apr 2025 14:07:36 -0500
Subject: [PATCH 1/3] added infer deal dialog

---
 app/(protected)/new-deal/page.tsx        |  7 ++-----
 components/Dialogs/infer-deal-dialog.tsx | 22 ++++++++++++++++++++++
 components/Header.tsx                    |  2 +-
 3 files changed, 25 insertions(+), 6 deletions(-)
 create mode 100644 components/Dialogs/infer-deal-dialog.tsx

diff --git a/app/(protected)/new-deal/page.tsx b/app/(protected)/new-deal/page.tsx
index d019f07..c264bb3 100644
--- a/app/(protected)/new-deal/page.tsx
+++ b/app/(protected)/new-deal/page.tsx
@@ -6,6 +6,7 @@ import { Button } from "@/components/ui/button";
 import CreateNewDealForm from "@/components/forms/new-deal-form";
 import { Metadata } from "next";
 import { BulkImportDialog } from "@/components/Dialogs/bulk-import-dialog";
+import { InferDealDialog } from "@/components/Dialogs/infer-deal-dialog";
 
 export const metadata: Metadata = {
   title: "Add New Deal",
@@ -55,11 +56,7 @@ const NewDealPage = async () => {
                 accordingly
               </p>
               <div className="flex justify-center">
-                <Button className="w-full" asChild>
-                  <Link href="/infer">
-                    <Bot className="mr-2 h-4 w-4" /> Infer Deal
-                  </Link>
-                </Button>
+              <InferDealDialog />
               </div>
             </div>
           </div>
diff --git a/components/Dialogs/infer-deal-dialog.tsx b/components/Dialogs/infer-deal-dialog.tsx
new file mode 100644
index 0000000..6680c30
--- /dev/null
+++ b/components/Dialogs/infer-deal-dialog.tsx
@@ -0,0 +1,22 @@
+"use client";
+
+import * as React from "react";
+import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog";
+import { Button } from "@/components/ui/button";
+import { Bot } from "lucide-react";
+import { InferNewDealComponent } from "../../app/(protected)/infer/InferDealComponent"; // adjust path if needed
+
+export const InferDealDialog = () => {
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <Button className="w-full">
+          <Bot className="mr-2 h-4 w-4" /> Infer Deal
+        </Button>
+      </DialogTrigger>
+      <DialogContent className="max-w-5xl">
+        <InferNewDealComponent />
+      </DialogContent>
+    </Dialog>
+  );
+};
diff --git a/components/Header.tsx b/components/Header.tsx
index 0fa763a..e7fdee9 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -42,7 +42,7 @@ export const NavLinks: NavLinkType = [
   { navlink: "/new-deal", navlabel: "New", icon: FiPlus },
   { navlink: "/raw-deals", navlabel: "Raw", icon: FiList },
   { navlink: "/published-deals", navlabel: "Published", icon: FiCheckSquare },
-  { navlink: "/infer", navlabel: "Infer", icon: FiSearch },
+  // { navlink: "/infer", navlabel: "Infer", icon: FiSearch },
 ];
 
 const Header = ({ className, session }: HeaderProps) => {

From fd926a2d7c1a050af12994190d4f4cf3a4d34c2b Mon Sep 17 00:00:00 2001
From: Chris Nee <cnee2@illinois.edu>
Date: Tue, 22 Apr 2025 14:12:41 -0500
Subject: [PATCH 2/3] added DialogTitle

---
 components/Dialogs/infer-deal-dialog.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/components/Dialogs/infer-deal-dialog.tsx b/components/Dialogs/infer-deal-dialog.tsx
index 6680c30..cc39dcb 100644
--- a/components/Dialogs/infer-deal-dialog.tsx
+++ b/components/Dialogs/infer-deal-dialog.tsx
@@ -1,10 +1,7 @@
-"use client";
-
-import * as React from "react";
-import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog";
+import { Dialog, DialogContent, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
 import { Bot } from "lucide-react";
-import { InferNewDealComponent } from "../../app/(protected)/infer/InferDealComponent"; // adjust path if needed
+import { InferNewDealComponent } from "../../app/(protected)/infer/InferDealComponent";
 
 export const InferDealDialog = () => {
   return (
@@ -15,6 +12,7 @@ export const InferDealDialog = () => {
         </Button>
       </DialogTrigger>
       <DialogContent className="max-w-5xl">
+        <DialogTitle>Infer Deal</DialogTitle>
         <InferNewDealComponent />
       </DialogContent>
     </Dialog>

From 27b523db9da3bd60b66c65f5cdbda16a7404358c Mon Sep 17 00:00:00 2001
From: Chris Nee <cnee2@illinois.edu>
Date: Thu, 24 Apr 2025 14:54:29 -0500
Subject: [PATCH 3/3] added height limits and moved second collumn to the
 bottom

---
 app/(protected)/infer/InferDealComponent.tsx | 16 ++++++++--------
 components/Dialogs/infer-deal-dialog.tsx     |  8 +++++---
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/app/(protected)/infer/InferDealComponent.tsx b/app/(protected)/infer/InferDealComponent.tsx
index 60b4fa5..7d9edc3 100644
--- a/app/(protected)/infer/InferDealComponent.tsx
+++ b/app/(protected)/infer/InferDealComponent.tsx
@@ -72,7 +72,7 @@ export const InferNewDealComponent = () => {
           Note:- Double check the output given by AI and save it accordingly
         </span>
       </div>
-      <div className="grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-8 lg:gap-12">
+      <div className="space-y-8">
         <div>
           <Form {...form}>
             <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
@@ -102,19 +102,21 @@ export const InferNewDealComponent = () => {
             </form>
           </Form>
         </div>
-        <div>
+
+        <div className="space-y-4">
           <h2>Inferred Deal using ChatGPT</h2>
-          <div className="text-wrap">
+          <div className="text-wrap rounded-md border p-4 min-h-32">
             <pre
               style={{
                 whiteSpace: "pre-wrap",
                 wordWrap: "break-word",
                 overflowX: "hidden",
-                fontSize: "0.875rem", // Reduces the font size (14px)
+                fontSize: "0.875rem",
                 lineHeight: "1.2",
+                minHeight: "8rem",
               }}
             >
-              {generation}
+              {generation || "No deal generated yet."}
             </pre>
           </div>
           <div className="mt-4 flex items-center justify-between md:mt-6">
@@ -160,11 +162,9 @@ export const InferNewDealComponent = () => {
               <Save className="mr-2 size-4" />{" "}
               {saveDealPending ? "Saving..." : "Save Deal"}
             </Button>
-
-            {/* <EditInferDealDialog /> */}
           </div>
         </div>
       </div>
     </section>
   );
-};
+};
\ No newline at end of file
diff --git a/components/Dialogs/infer-deal-dialog.tsx b/components/Dialogs/infer-deal-dialog.tsx
index cc39dcb..fa6fa11 100644
--- a/components/Dialogs/infer-deal-dialog.tsx
+++ b/components/Dialogs/infer-deal-dialog.tsx
@@ -11,10 +11,12 @@ export const InferDealDialog = () => {
           <Bot className="mr-2 h-4 w-4" /> Infer Deal
         </Button>
       </DialogTrigger>
-      <DialogContent className="max-w-5xl">
+      <DialogContent className="max-w-5xl h-[90vh] max-h-[800px] overflow-hidden flex flex-col">
         <DialogTitle>Infer Deal</DialogTitle>
-        <InferNewDealComponent />
+        <div className="flex-1 overflow-y-auto pr-2">
+          <InferNewDealComponent />
+        </div>
       </DialogContent>
     </Dialog>
   );
-};
+};
\ No newline at end of file