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