From 78284d662a75ddc5caf7c75a4a7d21dc1d47095b Mon Sep 17 00:00:00 2001
From: Volker Theile <vtheile@suse.com>
Date: Tue, 12 Sep 2023 17:35:24 +0200
Subject: [PATCH] Fix table sizing/resizing

Signed-off-by: Volker Theile <vtheile@suse.com>
---
 src/routes/objectStorage/ObjectStoreList.js |  4 ++--
 src/routes/objectStorage/index.js           | 15 +++++++++++++++
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/routes/objectStorage/ObjectStoreList.js b/src/routes/objectStorage/ObjectStoreList.js
index 9b89a7c89..c3f3bf425 100644
--- a/src/routes/objectStorage/ObjectStoreList.js
+++ b/src/routes/objectStorage/ObjectStoreList.js
@@ -80,7 +80,7 @@ function list({
   ]
 
   return (
-    <div id="objectStoreTable">
+    <div id="objectStoreTable" style={{ flex: 1, height: '1px', overflow: 'hidden' }}>
       <Table
         className="common-table-class"
         bordered={false}
@@ -99,7 +99,7 @@ function list({
 
 list.propTypes = {
   dataSource: PropTypes.array,
-  heigth: PropTypes.number,
+  height: PropTypes.number,
   loading: PropTypes.bool,
   rowSelection: PropTypes.object,
   editObjectStore: PropTypes.func,
diff --git a/src/routes/objectStorage/index.js b/src/routes/objectStorage/index.js
index fe79ddc27..ca71727b3 100644
--- a/src/routes/objectStorage/index.js
+++ b/src/routes/objectStorage/index.js
@@ -10,6 +10,7 @@ import EditObjectStore from './EditObjectStore'
 import ObjectStoreList from './ObjectStoreList'
 import ObjectStoreBulkActions from './ObjectStoreBulkActions'
 import { generateRandomKey } from './helper/index'
+import C from '../../utils/constants'
 
 class ObjectStore extends React.Component {
   constructor(props) {
@@ -24,6 +25,20 @@ class ObjectStore extends React.Component {
     }
   }
 
+  componentDidMount() {
+    let height = document.getElementById('objectStoreTable').offsetHeight - C.ContainerMarginHeight
+    this.setState({
+      height,
+    })
+    window.onresize = () => {
+      height = document.getElementById('objectStoreTable').offsetHeight - C.ContainerMarginHeight
+      this.setState({
+        height,
+      })
+      this.props.dispatch({ type: 'app/changeNavbar' })
+    }
+  }
+
   showCreateModal = () => {
     this.setState({
       ...this.state,