Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-04 00:18:01 +01:00
Code Issues Projects Releases Wiki Activity

chore: add an initial disclaimer to Unleash AI (#8482)

Browse Source 
https://linear.app/unleash/issue/2-2853/add-a-disclaimer-to-the-unleash-ai-chat-window

Adds a small, initial disclaimer to Unleash AI chat.


![image](https://github.com/user-attachments/assets/0097bb92-9724-4cef-922e-4c97770fe8e1)
This commit is contained in:
Nuno Góis 2024-10-18 14:48:49 +01:00 committed by GitHub
parent ffcfe85575
commit 5b1e875131
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/component/ai/AIChat.tsx
View File

@ -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>

19
frontend/src/component/ai/AIChatDisclaimer.tsx Normal file
View File

@ -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>
);