status-im
/
status-web
mirror of https://github.com/status-im/status-web.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Don't reload on showing chat (#79)

This commit is contained in:
Szymon Szlachtowicz 2021-10-18 12:51:20 +02:00 committed by GitHub
parent 35d32b9292
commit 1ac0ebca18
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 23 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
packages/react-chat-example/src/index.tsx
View File

@ -62,30 +62,35 @@ function DragDiv() {
document.addEventListener("mouseup", onMouseUp);
}}
/>
<FloatingDiv className={showChat ? "" : "hide"}>
<ReactChat
theme={lightTheme}
community={community}
fetchMetadata={fetchMetadata}
/>
</FloatingDiv>
{showChat && (
<>
<div
style={{ height: "calc(100% - 50px)", border: "1px solid black" }}
>
<ReactChat
theme={lightTheme}
community={community}
fetchMetadata={fetchMetadata}
/>
</div>
<SizeSet
onMouseDown={() => {
setting.current = "size";
document.addEventListener("mousemove", onMouseMove);
document.addEventListener("mouseup", onMouseUp);
}}
></SizeSet>
</>
<SizeSet
onMouseDown={() => {
setting.current = "size";
document.addEventListener("mousemove", onMouseMove);
document.addEventListener("mouseup", onMouseUp);
}}
></SizeSet>
)}
</Drag>
);
}
const FloatingDiv = styled.div`
height: calc(100% - 50px);
border: 1px solid black;
&.hide {
display: none;
}
`;
const SizeSet = styled.div`
margin-left: auto;
margin-right: 0px;