From 670407822aaa219e6e21b91078c5cf70f496fb88 Mon Sep 17 00:00:00 2001 From: lucamazzasette Date: Thu, 14 Nov 2024 11:07:32 +0100 Subject: [PATCH 01/10] Modica dimensione Logo+icone imput. Nascosto pulsanti e centrato disclaimer --- .../chat-page/chat-header/chat-header.tsx | 17 ++++++++++------- .../chat-page/chat-input/chat-input.tsx | 5 +++-- src/features/chat-page/chat-page.tsx | 9 +++++++-- .../ui/chat/chat-input-area/attach-file.tsx | 2 +- .../ui/chat/chat-input-area/image-input.tsx | 2 +- .../ui/chat/chat-input-area/microphone.tsx | 2 +- .../ui/chat/chat-input-area/submit-chat.tsx | 2 +- 7 files changed, 24 insertions(+), 15 deletions(-) diff --git a/src/features/chat-page/chat-header/chat-header.tsx b/src/features/chat-page/chat-header/chat-header.tsx index 658b1a053..882f26d45 100644 --- a/src/features/chat-page/chat-header/chat-header.tsx +++ b/src/features/chat-page/chat-header/chat-header.tsx @@ -31,16 +31,18 @@ export const ChatHeader: FC = (props) => { {props.chatThread.name}
- {props.chatThread.name} - + {/* Riga vuota */}
+ {/* */} {persona} (AI for Comau) +
+ Current Chat: {props.chatThread.name}
@@ -48,14 +50,15 @@ export const ChatHeader: FC = (props) => {
- {/* */} - + {/* + + />*/} +
diff --git a/src/features/chat-page/chat-input/chat-input.tsx b/src/features/chat-page/chat-input/chat-input.tsx index 22dbd52e3..406441ed1 100644 --- a/src/features/chat-page/chat-input/chat-input.tsx +++ b/src/features/chat-page/chat-input/chat-input.tsx @@ -84,10 +84,11 @@ export const ChatInput = () => { fileStore.onFileChange({ formData, chatThreadId }) } /> - + + {/* */} - + speechToTextStore.startRecognition()} stopRecognition={() => speechToTextStore.stopRecognition()} diff --git a/src/features/chat-page/chat-page.tsx b/src/features/chat-page/chat-page.tsx index f95b9311f..7ea223c72 100644 --- a/src/features/chat-page/chat-page.tsx +++ b/src/features/chat-page/chat-page.tsx @@ -17,6 +17,7 @@ import { } from "./chat-services/models"; import MessageContent from "./message-content"; import Disclaimer from "../ui/chat/disclaimer"; +import { AlignCenter } from "lucide-react"; interface ChatPageProps { messages: Array; @@ -74,8 +75,12 @@ export const ChatPage: FC = (props) => { - - +
+ +
+ +
+
); }; diff --git a/src/features/ui/chat/chat-input-area/attach-file.tsx b/src/features/ui/chat/chat-input-area/attach-file.tsx index e78d908ea..9a30db858 100644 --- a/src/features/ui/chat/chat-input-area/attach-file.tsx +++ b/src/features/ui/chat/chat-input-area/attach-file.tsx @@ -26,7 +26,7 @@ export const AttachFile = (props: { return ( <> {/* This file input is hidden, and opens when the Button is clicked */} { onClick={handleButtonClick} aria-label="Add an image to the chat input" > - + ); diff --git a/src/features/ui/chat/chat-input-area/microphone.tsx b/src/features/ui/chat/chat-input-area/microphone.tsx index 472c6b6f3..32847ff92 100644 --- a/src/features/ui/chat/chat-input-area/microphone.tsx +++ b/src/features/ui/chat/chat-input-area/microphone.tsx @@ -40,7 +40,7 @@ export const Microphone = (props: { } aria-label="Microphone for speech input" > - + )} diff --git a/src/features/ui/chat/chat-input-area/submit-chat.tsx b/src/features/ui/chat/chat-input-area/submit-chat.tsx index 18024c745..9a83f6a25 100644 --- a/src/features/ui/chat/chat-input-area/submit-chat.tsx +++ b/src/features/ui/chat/chat-input-area/submit-chat.tsx @@ -7,7 +7,7 @@ export const SubmitChat = React.forwardRef< React.HTMLAttributes // Add ChatInputAreaProps to the type definition >(({ ...props }, ref) => ( )); SubmitChat.displayName = "ChatInputArea"; From 1e30f7ae5db616f9f230070729b5f8b2efb897b0 Mon Sep 17 00:00:00 2001 From: lucamazzasette Date: Thu, 14 Nov 2024 15:44:27 +0100 Subject: [PATCH 02/10] UI update --- src/features/chat-page/chat-page.tsx | 2 +- src/features/ui/chat/chat-input-area/chat-input-area.tsx | 2 +- src/features/ui/chat/chat-input-area/chat-text-input.tsx | 2 +- src/features/ui/chat/chat-message-area/chat-message-content.tsx | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/features/chat-page/chat-page.tsx b/src/features/chat-page/chat-page.tsx index 7ea223c72..87597c632 100644 --- a/src/features/chat-page/chat-page.tsx +++ b/src/features/chat-page/chat-page.tsx @@ -77,7 +77,7 @@ export const ChatPage: FC = (props) => {
-
+
diff --git a/src/features/ui/chat/chat-input-area/chat-input-area.tsx b/src/features/ui/chat/chat-input-area/chat-input-area.tsx index a460ef8b2..26adfaaf5 100644 --- a/src/features/ui/chat/chat-input-area/chat-input-area.tsx +++ b/src/features/ui/chat/chat-input-area/chat-input-area.tsx @@ -14,7 +14,7 @@ export const ChatInputForm = React.forwardRef<
-
+
{props.children}
diff --git a/src/features/ui/chat/chat-input-area/chat-text-input.tsx b/src/features/ui/chat/chat-input-area/chat-text-input.tsx index d47367c2d..e3c5f6929 100644 --- a/src/features/ui/chat/chat-input-area/chat-text-input.tsx +++ b/src/features/ui/chat/chat-input-area/chat-text-input.tsx @@ -7,7 +7,7 @@ export const ChatTextInput = React.forwardRef< return (