UniqAI/hexabot
1
0
Fork 0
mirror of https://github.com/hexastack/hexabot synced 2025-06-26 18:27:28 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: refactor css

Browse Source
This commit is contained in:
abdou6666 2025-05-01 16:08:09 +01:00
parent 917d497b89
commit d62c2b5aff
3 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
widget/src/components/ConnectionLost.scss
View File

@ -38,3 +38,14 @@
opacity: 1;
transition: 0s;
}
.sc-chat--attempt-reconnect {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 1rem;
}

13
widget/src/components/ConnectionLost.tsx
View File

@ -33,18 +33,7 @@ const ConnectionLost: React.FC = () => {
style={{ backgroundColor: colors.messageList.bg }}
>
{loading ? (
<div
style={{
width: "100%",
height: "100%",
display: "flex",
flexDirection: "column",
justifyContent: "center",
alignItems: "center",
textAlign: "center",
gap: "1rem",
}}
>
<div className="sc-chat--attempt-reconnect">
<h3>{t("messages.attempting_reconnect")}</h3>
<LoadingIcon color={colors.button.text} />
</div>

6
widget/src/providers/ChatProvider.tsx
View File

@ -416,9 +416,9 @@ const ChatProvider: React.FC<{
return () => {
socketCtx.socket.io.off("reconnect", reSubscribe);
socketCtx.socket.io.on("close", endConnection);
socketCtx.socket.io.on("reconnect_error", endConnection);
socketCtx.socket.io.on("reconnect_failed", endConnection);
socketCtx.socket.io.off("close", endConnection);
socketCtx.socket.io.off("reconnect_error", endConnection);
socketCtx.socket.io.off("reconnect_failed", endConnection);
};
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);