Skip to content

Commit 7121dbf

Browse files
bexsoftbexsoft
authored
Replaced help icon in console (#602)
1 parent e5fc6e3 commit 7121dbf

File tree

15 files changed

+193
-164
lines changed

15 files changed

+193
-164
lines changed

‎portal-ui/bindata_assetfs.go‎

Lines changed: 113 additions & 136 deletions
Large diffs are not rendered by default.

‎portal-ui/src/icons/HelpIcon.tsx‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
// This file is part of MinIO Console Server
2+
// Copyright (c) 2021 MinIO, Inc.
3+
//
4+
// This program is free software: you can redistribute it and/or modify
5+
// it under the terms of the GNU Affero General Public License as published by
6+
// the Free Software Foundation, either version 3 of the License, or
7+
// (at your option) any later version.
8+
//
9+
// This program is distributed in the hope that it will be useful,
10+
// but WITHOUT ANY WARRANTY; without even the implied warranty of
11+
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12+
// GNU Affero General Public License for more details.
13+
//
14+
// You should have received a copy of the GNU Affero General Public License
15+
// along with this program. If not, see <http://www.gnu.org/licenses/>.
16+
17+
import React from "react";
18+
import { SvgIcon } from "@material-ui/core";
19+
const HelpIcon = (props: any) => {
20+
return (
21+
<SvgIcon {...props} viewBox={"0 0 12 12"}>
22+
<path
23+
d="M357.14,346a5,5,0,1,1-5,5,5,5,0,0,1,5-5m0-1a6,6,0,1,0,6,6,6,6,0,0,0-6-6Z"
24+
transform="translate(-351.14 -345.03)"
25+
/>
26+
<path
27+
d="M356.21,352.42v-1.86h.52c1.23,0,1.92-.45,1.92-1.29s-.68-1.18-1.89-1.18a8.07,8.07,0,0,0-.93.06l-.1-1.25a9.13,9.13,0,0,1,1.08-.08c2,0,3.19.94,3.19,2.4s-.93,2.24-2.64,2.46l-.05.74Zm1.56,1.8a1,1,0,1,1-1-1A1,1,0,0,1,357.77,354.22Z"
28+
transform="translate(-351.14 -345.03)"
29+
/>
30+
</SvgIcon>
31+
);
32+
};
33+
34+
export default HelpIcon;

‎portal-ui/src/screens/Console/Common/FormComponents/CSVMultiSelector/CSVMultiSelector.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,9 +25,9 @@ import get from "lodash/get";
2525
import debounce from "lodash/debounce";
2626
import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
2727
import Grid from "@material-ui/core/Grid";
28-
import HelpIcon from "@material-ui/icons/Help";
2928
import { InputLabel, Tooltip } from "@material-ui/core";
3029
import { fieldBasic, tooltipHelper } from "../common/styleLibrary";
30+
import HelpIcon from "../../../../../icons/HelpIcon";
3131
import InputBoxWrapper from "../InputBoxWrapper/InputBoxWrapper";
3232
import AddIcon from "../../../../../icons/AddIcon";
3333

@@ -165,7 +165,9 @@ const CSVMultiSelector = ({
165165
{tooltip !== "" && (
166166
<div className={classes.tooltipContainer}>
167167
<Tooltip title={tooltip} placement="top-start">
168-
<HelpIcon className={classes.tooltip} />
168+
<div>
169+
<HelpIcon className={classes.tooltip} />
170+
</div>
169171
</Tooltip>
170172
</div>
171173
)}

‎portal-ui/src/screens/Console/Common/FormComponents/CheckboxWrapper/CheckboxWrapper.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ import {
2121
fieldBasic,
2222
tooltipHelper,
2323
} from "../common/styleLibrary";
24-
import HelpIcon from "@material-ui/icons/Help";
24+
import HelpIcon from "../../../../../icons/HelpIcon";
2525

2626
interface CheckBoxProps {
2727
label: string;
@@ -86,7 +86,9 @@ const CheckboxWrapper = ({
8686
{tooltip !== "" && (
8787
<div className={classes.tooltipContainer}>
8888
<Tooltip title={tooltip} placement="top-start">
89-
<HelpIcon className={classes.tooltip} />
89+
<div>
90+
<HelpIcon className={classes.tooltip} />
91+
</div>
9092
</Tooltip>
9193
</div>
9294
)}

‎portal-ui/src/screens/Console/Common/FormComponents/CodeMirrorWrapper/CodeMirrorWrapper.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,11 +15,11 @@
1515
// along with this program. If not, see <http://www.gnu.org/licenses/>.
1616

1717
import React from "react";
18-
import HelpIcon from "@material-ui/icons/Help";
1918
import Grid from "@material-ui/core/Grid";
2019
import { Controlled as CodeMirror } from "react-codemirror2";
2120
import { InputLabel, Tooltip } from "@material-ui/core";
2221
import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
22+
import HelpIcon from "../../../../../icons/HelpIcon";
2323
import { fieldBasic } from "../common/styleLibrary";
2424
import "./ConsoleCodeMirror.css";
2525

@@ -56,7 +56,9 @@ const CodeMirrorWrapper = ({
5656
{tooltip !== "" && (
5757
<div className={classes.tooltipContainer}>
5858
<Tooltip title={tooltip} placement="top-start">
59-
<HelpIcon className={classes.tooltip} />
59+
<div>
60+
<HelpIcon className={classes.tooltip} />
61+
</div>
6062
</Tooltip>
6163
</div>
6264
)}

‎portal-ui/src/screens/Console/Common/FormComponents/CommentBoxWrapper/CommentBoxWrapper.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ import React from "react";
1717
import { Grid, InputLabel, TextField, Tooltip } from "@material-ui/core";
1818
import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
1919
import { fieldBasic, tooltipHelper } from "../common/styleLibrary";
20-
import HelpIcon from "@material-ui/icons/Help";
20+
import HelpIcon from "../../../../../icons/HelpIcon";
2121

2222
interface CommentBoxProps {
2323
label: string;
@@ -101,7 +101,9 @@ const CommentBoxWrapper = ({
101101
{tooltip !== "" && (
102102
<div className={classes.tooltipContainer}>
103103
<Tooltip title={tooltip} placement="top-start">
104-
<HelpIcon className={classes.tooltip} />
104+
<div>
105+
<HelpIcon className={classes.tooltip} />
106+
</div>
105107
</Tooltip>
106108
</div>
107109
)}

‎portal-ui/src/screens/Console/Common/FormComponents/DateSelector/DateSelector.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,12 +25,12 @@ import Grid from "@material-ui/core/Grid";
2525
import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
2626
import InputLabel from "@material-ui/core/InputLabel";
2727
import Tooltip from "@material-ui/core/Tooltip";
28-
import HelpIcon from "@material-ui/icons/Help";
2928
import FormControl from "@material-ui/core/FormControl";
3029
import Select from "@material-ui/core/Select";
3130
import MenuItem from "@material-ui/core/MenuItem";
3231
import InputBase from "@material-ui/core/InputBase";
3332
import { fieldBasic, tooltipHelper } from "../common/styleLibrary";
33+
import HelpIcon from "../../../../../icons/HelpIcon";
3434
import FormSwitchWrapper from "../FormSwitchWrapper/FormSwitchWrapper";
3535
import { days, months, validDate, years } from "./utils";
3636

@@ -178,7 +178,9 @@ const DateSelector = forwardRef(
178178
{tooltip !== "" && (
179179
<div className={classes.tooltipContainer}>
180180
<Tooltip title={tooltip} placement="top-start">
181-
<HelpIcon className={classes.tooltip} />
181+
<div>
182+
<HelpIcon className={classes.tooltip} />
183+
</div>
182184
</Tooltip>
183185
</div>
184186
)}

‎portal-ui/src/screens/Console/Common/FormComponents/FileSelector/FileSelector.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,10 @@ import { Grid, InputLabel, Tooltip } from "@material-ui/core";
2020
import IconButton from "@material-ui/core/IconButton";
2121
import AttachFileIcon from "@material-ui/icons/AttachFile";
2222
import CancelIcon from "@material-ui/icons/Cancel";
23-
import HelpIcon from "@material-ui/icons/Help";
2423
import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
2524
import { fieldBasic, tooltipHelper } from "../common/styleLibrary";
2625
import { fileProcess } from "./utils";
26+
import HelpIcon from "../../../../../icons/HelpIcon";
2727
import ErrorBlock from "../../../../shared/ErrorBlock";
2828

2929
interface InputBoxProps {
@@ -123,7 +123,9 @@ const FileSelector = ({
123123
{tooltip !== "" && (
124124
<div className={classes.tooltipContainer}>
125125
<Tooltip title={tooltip} placement="top-start">
126-
<HelpIcon className={classes.tooltip} />
126+
<div>
127+
<HelpIcon className={classes.tooltip} />
128+
</div>
127129
</Tooltip>
128130
</div>
129131
)}

‎portal-ui/src/screens/Console/Common/FormComponents/FormSwitchWrapper/FormSwitchWrapper.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
1919
import { InputLabel, Switch, Tooltip } from "@material-ui/core";
2020
import Grid from "@material-ui/core/Grid";
2121
import { actionsTray, fieldBasic } from "../common/styleLibrary";
22-
import HelpIcon from "@material-ui/icons/Help";
22+
import HelpIcon from "../../../../../icons/HelpIcon";
2323

2424
interface IFormSwitch {
2525
label?: string;
@@ -218,7 +218,9 @@ const FormSwitchWrapper = ({
218218
{tooltip !== "" && (
219219
<div className={classes.tooltipContainer}>
220220
<Tooltip title={tooltip} placement="top-start">
221-
<HelpIcon className={classes.tooltip} />
221+
<div>
222+
<HelpIcon className={classes.tooltip} />
223+
</div>
222224
</Tooltip>
223225
</div>
224226
)}

‎portal-ui/src/screens/Console/Common/FormComponents/InputBoxWrapper/InputBoxWrapper.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ import {
3030
withStyles,
3131
} from "@material-ui/core/styles";
3232
import { fieldBasic, tooltipHelper } from "../common/styleLibrary";
33-
import HelpIcon from "@material-ui/icons/Help";
33+
import HelpIcon from "../../../../../icons/HelpIcon";
3434

3535
interface InputBoxProps {
3636
label: string;
@@ -173,7 +173,9 @@ const InputBoxWrapper = ({
173173
{tooltip !== "" && (
174174
<div className={classes.tooltipContainer}>
175175
<Tooltip title={tooltip} placement="top-start">
176-
<HelpIcon className={classes.tooltip} />
176+
<div>
177+
<HelpIcon className={classes.tooltip} />
178+
</div>
177179
</Tooltip>
178180
</div>
179181
)}

0 commit comments

Comments
 (0)