From 39eeedec2ccf5a08e2019d7a7c66380ff0c376fb Mon Sep 17 00:00:00 2001 From: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com> Date: Fri, 3 Sep 2021 12:37:53 -0700 Subject: [PATCH] Add, Preview and Lock icons applied (#1005) Signed-off-by: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com> --- portal-ui/src/icons/AddIcon.tsx | 18 ++++----- portal-ui/src/icons/LockIcon.tsx | 37 +++++++++++++++++++ portal-ui/src/icons/PreviewIcon.tsx | 37 +++++++++++++++++++ portal-ui/src/icons/index.ts | 2 + .../src/screens/Console/Account/Account.tsx | 5 +-- .../Buckets/BucketDetails/AccessRulePanel.tsx | 4 +- .../Buckets/BucketDetails/BucketDetails.tsx | 4 ++ .../BucketDetails/BucketEventsPanel.tsx | 4 +- .../BucketDetails/BucketLifecyclePanel.tsx | 4 +- .../BucketDetails/BucketReplicationPanel.tsx | 4 +- .../BucketDetails/BucketSummaryPanel.tsx | 4 ++ .../Buckets/ListBuckets/ListBuckets.tsx | 4 +- .../Objects/ObjectDetails/ObjectDetails.tsx | 4 ++ .../Common/TableWrapper/TableActionButton.tsx | 7 ++-- .../ListNotificationEndpoints.tsx | 4 +- .../ListTiersConfiguration.tsx | 4 +- .../Console/DirectCSI/DirectCSIDrives.tsx | 4 +- .../src/screens/Console/Groups/Groups.tsx | 4 +- .../Console/ObjectBrowser/BrowseBuckets.tsx | 4 +- .../screens/Console/Policies/ListPolicies.tsx | 4 +- .../Tenants/ListTenants/ListTenants.tsx | 4 +- .../Tenants/TenantDetails/PoolsSummary.tsx | 4 +- .../src/screens/Console/Users/ListUsers.tsx | 4 +- .../src/screens/Console/Users/UserDetails.tsx | 3 +- .../Users/UserServiceAccountsPanel.tsx | 4 +- 25 files changed, 133 insertions(+), 48 deletions(-) create mode 100644 portal-ui/src/icons/LockIcon.tsx create mode 100644 portal-ui/src/icons/PreviewIcon.tsx diff --git a/portal-ui/src/icons/AddIcon.tsx b/portal-ui/src/icons/AddIcon.tsx index 9c6559da8..044a68a48 100644 --- a/portal-ui/src/icons/AddIcon.tsx +++ b/portal-ui/src/icons/AddIcon.tsx @@ -14,17 +14,15 @@ // 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 AddIcon = () => { +import * as React from "react"; +import { SvgIcon, SvgIconProps } from "@material-ui/core"; + +const AddIcon = (props: SvgIconProps) => { return ( - - + + + + ); }; diff --git a/portal-ui/src/icons/LockIcon.tsx b/portal-ui/src/icons/LockIcon.tsx new file mode 100644 index 000000000..bc78845f8 --- /dev/null +++ b/portal-ui/src/icons/LockIcon.tsx @@ -0,0 +1,37 @@ +// 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 * as React from "react"; +import { SvgIcon, SvgIconProps } from "@material-ui/core"; + +const LockIcon = (props: SvgIconProps) => { + return ( + + + + + + + ); +}; + +export default LockIcon; diff --git a/portal-ui/src/icons/PreviewIcon.tsx b/portal-ui/src/icons/PreviewIcon.tsx new file mode 100644 index 000000000..11d1781d4 --- /dev/null +++ b/portal-ui/src/icons/PreviewIcon.tsx @@ -0,0 +1,37 @@ +// 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 * as React from "react"; +import { SvgIcon, SvgIconProps } from "@material-ui/core"; + +const PreviewIcon = (props: SvgIconProps) => { + return ( + + + + + + + ); +}; + +export default PreviewIcon; diff --git a/portal-ui/src/icons/index.ts b/portal-ui/src/icons/index.ts index 28b40fa6a..ded193e54 100644 --- a/portal-ui/src/icons/index.ts +++ b/portal-ui/src/icons/index.ts @@ -74,3 +74,5 @@ export { default as ServersIcon } from "./ServersIcon"; export { default as DrivesIcon } from "./DrivesIcon"; export { default as TotalObjectsIcon } from "./TotalObjectsIcon"; export { default as CircleIcon } from "./CircleIcon"; +export { default as PreviewIcon } from "./PreviewIcon"; +export { default as LockIcon } from "./LockIcon"; diff --git a/portal-ui/src/screens/Console/Account/Account.tsx b/portal-ui/src/screens/Console/Account/Account.tsx index 46de9586b..35e70ae7b 100644 --- a/portal-ui/src/screens/Console/Account/Account.tsx +++ b/portal-ui/src/screens/Console/Account/Account.tsx @@ -26,7 +26,7 @@ import { setErrorSnackMessage } from "../../../actions"; import AddServiceAccount from "./AddServiceAccount"; import DeleteServiceAccount from "./DeleteServiceAccount"; import CredentialsPrompt from "../Common/CredentialsPrompt/CredentialsPrompt"; -import { CreateIcon } from "../../../icons"; +import { AddIcon, CreateIcon, LockIcon } from "../../../icons"; import TextField from "@material-ui/core/TextField"; import InputAdornment from "@material-ui/core/InputAdornment"; import TableWrapper from "../Common/TableWrapper/TableWrapper"; @@ -38,7 +38,6 @@ import { searchField, } from "../Common/FormComponents/common/styleLibrary"; import { ErrorResponseHandler } from "../../../common/types"; -import LockIcon from "@material-ui/icons/Lock"; import ChangePasswordModal from "./ChangePasswordModal"; import SearchIcon from "../../../icons/SearchIcon"; @@ -260,7 +259,7 @@ const Account = ({