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

Merge pull request #62 from SimonBrandner/feature/resize-devtools

Browse source 
Make new devtools re-sizable
This commit is contained in:
Robert Long 2021-10-18 14:22:24 -07:00 • committed by GitHub
commit 3790ce3e0e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 2 deletions
Show stats 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>
); );
} }