Sothis/omnichannel-frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

REBRAND: Sothis Connect + fix exibição de erro de API (versão demo)

Browse Source
This commit is contained in:
Rafael Alves Lopes 2026-07-03 11:08:43 -03:00
parent cd112326d6
commit 1fcb48e55f
4 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/visao-geral.md
View File

@ -2,7 +2,7 @@
## Objetivo ## Objetivo
O projeto representa o frontend MVP do Omnichannel Sothis. O projeto representa o frontend MVP do Sothis Connect.
O objetivo principal é demonstrar, de forma visual e convincente, como um atendente pode: O objetivo principal é demonstrar, de forma visual e convincente, como um atendente pode:

2
index.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/png" href="/src/shared/assets/favicon_blue.png" /> <link rel="icon" type="image/png" href="/src/shared/assets/favicon_blue.png" />
<title>Omnichannel Sothis</title> <title>Sothis Connect</title>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

16
src/modules/chat/pages/ChatPage.jsx
View File

@ -51,6 +51,7 @@ export function ChatPage() {
submitTransfer, submitTransfer,
isPaused, isPaused,
pauseDurationLabel, pauseDurationLabel,
apiError,
} = useChat(); } = useChat();
const requestedChatId = searchParams.get('chatId'); const requestedChatId = searchParams.get('chatId');
const handledRequestedChatIdRef = useRef(''); const handledRequestedChatIdRef = useRef('');
@ -132,6 +133,21 @@ export function ChatPage() {
</Link> </Link>
</header> </header>
{apiError ? (
<div
style={{
borderRadius: 16,
padding: '0.85rem 1rem',
background: 'rgba(181, 31, 31, 0.08)',
border: '1px solid rgba(181, 31, 31, 0.2)',
color: 'var(--color-secondary)',
fontWeight: 700,
}}
>
{apiError}
</div>
) : null}
<section <section
style={{ style={{
display: 'grid', display: 'grid',

2
src/shared/components/BrandMark.jsx
View File

@ -46,7 +46,7 @@ export function BrandMark({ compact = false, theme = 'light', size }) {
/> />
<div> <div>
<div style={{ fontSize: currentSize.titleSize, fontWeight: 800 }}> <div style={{ fontSize: currentSize.titleSize, fontWeight: 800 }}>
Sothis Omnichannel Sothis Connect
</div> </div>
<div style={{ color: 'var(--color-text-soft)', fontSize: currentSize.subtitleSize }}> <div style={{ color: 'var(--color-text-soft)', fontSize: currentSize.subtitleSize }}>
Central de atendimento unificada Central de atendimento unificada