This is an automated email from the ASF dual-hosted git repository.
adoroszlai pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/ozone.git
The following commit(s) were added to refs/heads/master by this push:
new 3eabfe1e18 HDDS-12085. Add manual refresh button for DU page (#7780)
3eabfe1e18 is described below
commit 3eabfe1e189efa27b3b55d0e09547b5fb80a5c90
Author: Abhishek Pal <[email protected]>
AuthorDate: Fri Jan 31 22:41:18 2025 +0530
HDDS-12085. Add manual refresh button for DU page (#7780)
---
.../components/duBreadcrumbNav/duBreadcrumbNav.tsx | 8 +++----
.../src/v2/components/plots/duPieChart.tsx | 2 +-
.../src/v2/pages/diskUsage/diskUsage.less | 1 +
.../src/v2/pages/diskUsage/diskUsage.tsx | 25 ++++++++++++++++------
4 files changed, 25 insertions(+), 11 deletions(-)
diff --git
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/duBreadcrumbNav/duBreadcrumbNav.tsx
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/duBreadcrumbNav/duBreadcrumbNav.tsx
index ac09b6bb16..4a1c88ba65 100644
---
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/duBreadcrumbNav/duBreadcrumbNav.tsx
+++
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/duBreadcrumbNav/duBreadcrumbNav.tsx
@@ -164,10 +164,10 @@ const DUBreadcrumbNav: React.FC<File> = ({
return (
<div id='breadcrumb-container'>
<Breadcrumb
- separator={'/'}
- className='breadcrumb-nav'>
- {generateBreadCrumbs()}
- </Breadcrumb>
+ separator={'/'}
+ className='breadcrumb-nav'>
+ {generateBreadCrumbs()}
+ </Breadcrumb>
</div>
)
}
diff --git
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/plots/duPieChart.tsx
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/plots/duPieChart.tsx
index 2601905a14..57fb1cce21 100644
---
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/plots/duPieChart.tsx
+++
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/plots/duPieChart.tsx
@@ -203,7 +203,7 @@ const DUPieChart: React.FC<PieChartProps> = ({
<EChart
loading={loading}
option={eChartsOptions}
- style={{ flex: '0 1 90%', height: '50vh' }}
+ style={{ flex: '1 3 80%', height: '50vh' }}
eventHandler={{name: 'legendselectchanged', handler:
handleLegendChange}}/>
);
}
diff --git
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/diskUsage/diskUsage.less
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/diskUsage/diskUsage.less
index ebeff236a1..97d2a8a843 100644
---
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/diskUsage/diskUsage.less
+++
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/diskUsage/diskUsage.less
@@ -35,6 +35,7 @@
margin-bottom: 10px;
width: 83vw;
height: 20%;
+ flex: 0.98;
.breadcrumb-nav {
font-size: 0.9vw;
diff --git
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/diskUsage/diskUsage.tsx
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/diskUsage/diskUsage.tsx
index 57d7a612c3..ee6f8c6c6c 100644
---
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/diskUsage/diskUsage.tsx
+++
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/diskUsage/diskUsage.tsx
@@ -19,10 +19,10 @@
import React, { useRef, useState } from 'react';
import { AxiosError } from 'axios';
import {
- Alert
+ Alert, Button, Tooltip
} from 'antd';
import {
- InfoCircleFilled
+ InfoCircleFilled, ReloadOutlined,
} from '@ant-design/icons';
import { ValueType } from 'react-select';
@@ -113,10 +113,23 @@ const DiskUsage: React.FC<{}> = () => {
showIcon={true}
closable={false} />
<div className='content-div'>
- <DUBreadcrumbNav
- path={duResponse.path}
- subPaths={duResponse.subPaths}
- updateHandler={loadData} />
+ <div
+ style={{
+ display: 'flex',
+ justifyContent: 'space-between',
+ }}>
+ <DUBreadcrumbNav
+ path={duResponse.path}
+ subPaths={duResponse.subPaths}
+ updateHandler={loadData} />
+ <Tooltip
+ title="Click to reload Disk Usage data">
+ <Button
+ type='primary'
+ icon={<ReloadOutlined />}
+ onClick={() => loadData(duResponse.path)} />
+ </Tooltip>
+ </div>
<div className='du-table-header-section'>
<SingleSelect
options={LIMIT_OPTIONS}
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
