From 9495caf91994c6a02b03ddba09d6358391db51f6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Sun, 17 Oct 2021 12:06:17 +0200
Subject: [PATCH] Make new devtools re-sizable
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
---
 src/GroupCallInspector.jsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

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