xmj/element-call
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make new devtools re-sizable

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-10-17 12:06:17 +02:00
commit 9495caf919
No known key found for this signature in database
GPG key ID: 55C211A1226CB17D
1 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/GroupCallInspector.jsx
View file

@ -1,3 +1,4 @@
import { Resizable } from "re-resizable";
import React, { useEffect, useState, useMemo } from "react"; import React, { useEffect, useState, useMemo } from "react";
import { useCallback } from "react"; import { useCallback } from "react";
import ReactJson from "react-json-view"; import ReactJson from "react-json-view";
@ -120,7 +121,7 @@ export function GroupCallInspector({ client, groupCall, show }) {
}, [toDeviceEvents]); }, [toDeviceEvents]);
return ( return (
<div style={{ maxHeight: "25%", overflowY: "auto" }}> <Resizable enable={{ top: true }} >
{show && ( {show && (
<ReactJson <ReactJson
theme="monokai" theme="monokai"
@ -136,8 +137,9 @@ export function GroupCallInspector({ client, groupCall, show }) {
displayDataTypes={false} displayDataTypes={false}
displayObjectSize={false} displayObjectSize={false}
enableClipboard={false} enableClipboard={false}
style={{ height: "100%", overflowY: "scroll" }}
/> />
)} )}
</div> </Resizable>
); );
} }