ui fixes

thammuio · Apr 29, 2024 · d9d0850 · d9d0850
1 parent 5f86f59
commit d9d0850
Show file tree

Hide file tree

Showing 3 changed files with 947 additions and 749 deletions.
diff --git a/chat-ui/package.json b/chat-ui/package.json
@@ -25,18 +25,18 @@
     "@radix-ui/react-slot": "^1.0.2",
     "@tanstack/react-table": "^8.9.3",
     "autoprefixer": "10.4.15",
-    "shadcn-ui": "^0.4.0",
     "babel-runtime": "^6.26.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
     "eslint-config-next": "13.4.19",
-    "lucide-react": "^0.271.0",
+    "lucide-react": "^0.376.0",
     "next": "13.4.19",
     "postcss": "8.4.28",
     "prop-types": "^15.8.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-typing-animation": "^1.6.2",
+    "shadcn-ui": "^0.4.0",
     "tailwind-merge": "^1.14.0",
     "tailwindcss": "3.3.3",
     "tailwindcss-animate": "^1.0.7"

diff --git a/chat-ui/src/components/chat/Chat.jsx b/chat-ui/src/components/chat/Chat.jsx
@@ -21,7 +21,7 @@ import BotMessageWithReference from "./BotMessageWithReference";
 import { ConfigModal } from "./ConfigModal";
 import LoadingDots from "./LoadingDots";
 import UserMessage from "./UserMessage";
-import { Send, MessageSquarePlus, MoveUpRight, Settings } from "lucide-react";
+import { Send, MessageSquarePlus, MoveUpRight, Settings, ShieldCheck, ShieldX } from "lucide-react";
 import Link from "next/link";
 import Image from 'next/image';
 import cmlicon from '../../images/cmlicon.svg';
@@ -110,9 +110,9 @@ export default function Chat() {
         <CardHeader ref={headerRef} className="pb-10">
           <CardTitle>{`DocGenius AI`} 
           {isChatAvailable ? 
-          <Button className="border-green-500 text-green-500 text-xs px-1 py-0 ml-2" variant="outline" size="xs">Available</Button> 
+          <Button className="border-green-500 text-green-500 text-xs px-1 py-0 ml-2" variant="outline" size="xs"><ShieldCheck className="mr-1" />Available</Button> 
           : 
-          <Button className="border-red-500 text-red-500 text-xs px-1 py-0 ml-2" variant="outline" size="xs">Not Available</Button>
+          <Button className="border-red-500 text-red-500 text-xs px-1 py-0 ml-2" variant="outline" size="xs"><ShieldX className="mr-1" /> Not Available</Button>
           }
           </CardTitle>
           <CardDescription>