From 7428db1784df52ba5fbc3dc21d5ee34974f7fbfe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20G=C3=B3is?= <github@nunogois.com>
Date: Fri, 18 Oct 2024 13:43:36 +0100
Subject: [PATCH] chore: add an initial disclaimer to Unleash AI

---
 frontend/src/component/ai/AIChat.tsx          |  6 ++++--
 .../src/component/ai/AIChatDisclaimer.tsx     | 19 +++++++++++++++++++
 2 files changed, 23 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/component/ai/AIChatDisclaimer.tsx

diff --git a/frontend/src/component/ai/AIChat.tsx b/frontend/src/component/ai/AIChat.tsx
index 13e3ad91a4e0..a6db132e0018 100644
--- a/frontend/src/component/ai/AIChat.tsx
+++ b/frontend/src/component/ai/AIChat.tsx
@@ -14,6 +14,7 @@ import { AIChatInput } from './AIChatInput';
 import { AIChatMessage } from './AIChatMessage';
 import { AIChatHeader } from './AIChatHeader';
 import { Resizable } from 'component/common/Resizable/Resizable';
+import { AIChatDisclaimer } from './AIChatDisclaimer';
 
 const AI_ERROR_MESSAGE = {
     role: 'assistant',
@@ -176,9 +177,9 @@ export const AIChat = () => {
         <StyledAIChatContainer>
             <StyledResizable
                 handlers={['top-left', 'top', 'left']}
-                minSize={{ width: '270px', height: '200px' }}
+                minSize={{ width: '270px', height: '250px' }}
                 maxSize={{ width: '90vw', height: '90vh' }}
-                defaultSize={{ width: '320px', height: '450px' }}
+                defaultSize={{ width: '320px', height: '500px' }}
                 onResize={() => scrollToEnd({ onlyIfAtEnd: true })}
             >
                 <StyledChat>
@@ -187,6 +188,7 @@ export const AIChat = () => {
                         onClose={() => setOpen(false)}
                     />
                     <StyledChatContent>
+                        <AIChatDisclaimer />
                         <AIChatMessage from='assistant'>
                             Hello, how can I assist you?
                         </AIChatMessage>
diff --git a/frontend/src/component/ai/AIChatDisclaimer.tsx b/frontend/src/component/ai/AIChatDisclaimer.tsx
new file mode 100644
index 000000000000..f593af2f7fb2
--- /dev/null
+++ b/frontend/src/component/ai/AIChatDisclaimer.tsx
@@ -0,0 +1,19 @@
+import { styled } from '@mui/material';
+
+const StyledDisclaimer = styled('aside')(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    textAlign: 'center',
+    width: '100%',
+    color: theme.palette.secondary.dark,
+    fontSize: theme.fontSizes.smallerBody,
+    marginBottom: theme.spacing(2),
+}));
+
+export const AIChatDisclaimer = () => (
+    <StyledDisclaimer>
+        By using this assistant you accept that all data you share in this chat
+        can be shared with OpenAI
+    </StyledDisclaimer>
+);