jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix ui: fix max ws msg len

Browse source
This commit is contained in:
nick-delirium 2024-06-27 13:31:05 +02:00
parent d746e701b5
commit 07ad63c88b
No known key found for this signature in database
GPG key ID: 93ABD695DF5FDBA0
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/app/components/shared/DevTools/NetworkPanel/WSModal.tsx
View file

@ -15,6 +15,8 @@ interface Props {
socketMsgList: Array<SocketMsg>;
}
const lineLength = 40
function WSModal({ socketMsgList }: Props) {
return (
<div className={'h-screen w-full bg-white shadow'}>
@ -49,9 +51,9 @@ function Row({ msg }) {
<>
<div
className={`border-b grid grid-cols-12 ${
msg.data.length > 100 ? 'hover:bg-active-blue cursor-pointer' : ''
msg.data.length > lineLength ? 'hover:bg-active-blue cursor-pointer' : ''
}`}
onClick={() => (msg.data.length > 100 ? setIsOpen(!isOpen) : null)}
onClick={() => (msg.data.length > lineLength ? setIsOpen(!isOpen) : null)}
style={{ width: 700 }}
>
<div className={'col-span-9 flex items-center gap-2 p-2'}>
@ -63,7 +65,7 @@ function Row({ msg }) {
>
{msg.data}
</span>
{msg.data.length > 40 ? (
{msg.data.length > lineLength ? (
<div
className={
'rounded-full font-bold text-xl p-2 bg-white w-6 h-6 flex items-center justify-center'