diff --git a/portal-ui/src/icons/SyncIcon.tsx b/portal-ui/src/icons/SyncIcon.tsx
new file mode 100644
index 000000000..f780420a0
--- /dev/null
+++ b/portal-ui/src/icons/SyncIcon.tsx
@@ -0,0 +1,29 @@
+// This file is part of MinIO Console Server
+// Copyright (c) 2021 MinIO, Inc.
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see .
+
+import React from "react";
+import { SvgIcon } from "@material-ui/core";
+const SyncIcon = () => {
+ return (
+
+
+
+ );
+};
+
+export default SyncIcon;
diff --git a/portal-ui/src/screens/Console/Buckets/ListBuckets/ListBuckets.tsx b/portal-ui/src/screens/Console/Buckets/ListBuckets/ListBuckets.tsx
index eead32c9f..64020bdde 100644
--- a/portal-ui/src/screens/Console/Buckets/ListBuckets/ListBuckets.tsx
+++ b/portal-ui/src/screens/Console/Buckets/ListBuckets/ListBuckets.tsx
@@ -289,7 +289,7 @@ const ListBuckets = ({
startIcon={}
onClick={() => {
addBucketOpen(true);
- }}
+ }}
>
Create Bucket
diff --git a/portal-ui/src/screens/Console/Dashboard/Prometheus/PrDashboard.tsx b/portal-ui/src/screens/Console/Dashboard/Prometheus/PrDashboard.tsx
index 74f3efccb..0888fe32c 100644
--- a/portal-ui/src/screens/Console/Dashboard/Prometheus/PrDashboard.tsx
+++ b/portal-ui/src/screens/Console/Dashboard/Prometheus/PrDashboard.tsx
@@ -48,6 +48,7 @@ import PieChartWidget from "./Widgets/PieChartWidget";
import SingleRepWidget from "./Widgets/SingleRepWidget";
import DateTimePickerWrapper from "../../Common/FormComponents/DateTimePickerWrapper/DateTimePickerWrapper";
import api from "../../../../common/api";
+import SyncIcon from "../../../../icons/SyncIcon";
interface IPrDashboard {
classes: any;
@@ -56,12 +57,22 @@ interface IPrDashboard {
const styles = (theme: Theme) =>
createStyles({
+ ...actionsTray,
+ ...containerForHeader(theme.spacing(4)),
widgetsContainer: {
height: "calc(100vh - 250px)",
paddingBottom: 235,
},
- ...actionsTray,
- ...containerForHeader(theme.spacing(4)),
+ syncButton: {
+ "&.MuiButton-root .MuiButton-iconSizeMedium > *:first-child": {
+ fontSize: 18,
+
+ }
+ },
+ actionsTray: {
+ ...actionsTray.actionsTray,
+ padding: "0 10px"
+ },
});
const PrDashboard = ({ classes, displayErrorMessage }: IPrDashboard) => {
@@ -222,8 +233,10 @@ const PrDashboard = ({ classes, displayErrorMessage }: IPrDashboard) => {
variant="contained"
color="primary"
onClick={triggerLoad}
+ startIcon={}
+ className={classes.syncButton}
>
- Get Information
+ Sync