You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ozone.apache.org by ad...@apache.org on 2025/01/31 17:11:24 UTC
(ozone) branch master updated: HDDS-12085. Add manual refresh button for DU page (#7780)
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 <43...@users.noreply.github.com>
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: commits-unsubscribe@ozone.apache.org
For additional commands, e-mail: commits-help@ozone.apache.org