From dfc8c75d768015f276930fc848f9355b77517835 Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Thu, 5 Nov 2020 14:38:01 +0100
Subject: [PATCH] fix

---
 packages/web/src/widgets/WidgetColumnBar.js | 5 ++---
 packages/web/src/widgets/WidgetStyles.js    | 8 ++++----
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/packages/web/src/widgets/WidgetColumnBar.js b/packages/web/src/widgets/WidgetColumnBar.js
index b327026a..bc19d337 100644
--- a/packages/web/src/widgets/WidgetColumnBar.js
+++ b/packages/web/src/widgets/WidgetColumnBar.js
@@ -54,17 +54,16 @@ export default function WidgetColumnBar({ children }) {
       {childArray.map((widget, index) => {
         if (!widget) return null;
         return (
-          <>
+          <React.Fragment key={widget.props.name}>
             <WidgetTitle onClick={() => toggleCollapsed(widget.props.name)}>{widget.props.title}</WidgetTitle>
             <WidgetContainer
               parentHeight={dimensions && dimensions.height}
               visible={!collapsedWidgets.includes(widget.props.name)}
               widget={widget}
-              key={widget.props.name}
               initialSize={widget.props.height}
               splitterVisible={!!childArray.slice(index + 1).find((x) => x && !collapsedWidgets.includes(x.props.name))}
             />
-          </>
+          </React.Fragment>
         );
       })}
     </WidgetsMainContainer>
diff --git a/packages/web/src/widgets/WidgetStyles.js b/packages/web/src/widgets/WidgetStyles.js
index 77c4c960..5d2a39de 100644
--- a/packages/web/src/widgets/WidgetStyles.js
+++ b/packages/web/src/widgets/WidgetStyles.js
@@ -1,7 +1,7 @@
 // @ts-nocheck
 import React from 'react';
 import styled from 'styled-components';
-import theme from '../theme';
+// import theme from '../theme';
 import { useLeftPanelWidth } from '../utility/globalState';
 
 export const SearchBoxWrapper = styled.div`
@@ -20,18 +20,18 @@ export const WidgetsMainContainer = styled.div`
 
 const StyledWidgetsOuterContainer = styled.div`
   overflow: hidden;
-  width: ${(props) => props.leftPanelWidth}px;
+  // width: ${(props) => props.leftPanelWidth}px;
   position: relative;
   flex-direction: column;
   display: flex;
 `;
 
 export function WidgetsOuterContainer({ children, style = undefined, refNode = undefined }) {
-  const leftPanelWidth = useLeftPanelWidth();
+  // const leftPanelWidth = useLeftPanelWidth();
   return (
     <StyledWidgetsOuterContainer
       ref={refNode}
-      leftPanelWidth={leftPanelWidth}
+      // leftPanelWidth={leftPanelWidth}
       style={{
         ...style,
         flex: style && (style.height != null || style.width != null) ? undefined : '1 1 0',