From 70d3cfc42c996326a32c878ba6083bd0a3b4fc44 Mon Sep 17 00:00:00 2001 From: Benjamin Perez Date: Wed, 22 Nov 2023 15:58:14 -0600 Subject: [PATCH] Updated Tenant details main pages Signed-off-by: Benjamin Perez --- web-app/package.json | 1 + web-app/public/index.html | 2 +- web-app/public/manifest.json | 2 +- .../CodeMirrorWrapper/CodeMirrorWrapper.tsx | 143 - .../FileSelector/FileSelector.tsx | 184 -- .../FormComponents/FileSelector/utils.ts | 34 - .../FormComponents/common/styleLibrary.ts | 69 - web-app/src/screens/Console/Common/FormHr.tsx | 27 - .../UsageBarWrapper/SummaryUsageBar.tsx | 87 +- .../Console/Marketplace/SetEmailModal.tsx | 20 +- .../Steps/TenantResources/TenantSizeMK.tsx | 111 +- .../Tenants/ListTenants/DeleteTenant.tsx | 24 +- .../Tenants/TenantDetails/DeletePod.tsx | 22 +- .../Tenants/TenantDetails/EditDomains.tsx | 251 +- .../Tenants/TenantDetails/PodsSummary.tsx | 105 +- .../Pools/Details/PoolDetails.tsx | 16 +- .../Pools/Details/PoolsListing.tsx | 57 +- .../Tenants/TenantDetails/PoolsSummary.tsx | 46 +- .../TenantDetails/SubnetLicenseTenant.tsx | 156 +- .../Tenants/TenantDetails/TenantCSR.tsx | 60 +- .../TenantDetails/TenantConfiguration.tsx | 213 +- .../Tenants/TenantDetails/TenantDetails.tsx | 432 ++- .../TenantDetails/TenantEncryption.tsx | 2388 ++++++++--------- .../Tenants/TenantDetails/TenantEvents.tsx | 47 +- .../TenantDetails/TenantIdentityProvider.tsx | 586 ++-- .../Tenants/TenantDetails/TenantLicense.tsx | 40 +- .../Tenants/TenantDetails/TenantMetrics.tsx | 50 +- .../Tenants/TenantDetails/TenantSecurity.tsx | 428 ++- .../Tenants/TenantDetails/TenantSummary.tsx | 487 ++-- .../Tenants/TenantDetails/TenantYAML.tsx | 70 +- .../TenantDetails/UpdateTenantModal.tsx | 205 +- .../Tenants/TenantDetails/VolumesSummary.tsx | 68 +- .../TenantDetails/events/EventsList.tsx | 71 +- .../Tenants/securityContextSelector.tsx | 198 +- web-app/yarn.lock | 14 +- 35 files changed, 2822 insertions(+), 3892 deletions(-) delete mode 100644 web-app/src/screens/Console/Common/FormComponents/CodeMirrorWrapper/CodeMirrorWrapper.tsx delete mode 100644 web-app/src/screens/Console/Common/FormComponents/FileSelector/FileSelector.tsx delete mode 100644 web-app/src/screens/Console/Common/FormComponents/FileSelector/utils.ts delete mode 100644 web-app/src/screens/Console/Common/FormHr.tsx diff --git a/web-app/package.json b/web-app/package.json index dc8f5614e03..a1acb09c979 100644 --- a/web-app/package.json +++ b/web-app/package.json @@ -4,6 +4,7 @@ "homepage": ".", "private": true, "dependencies": { + "@babel/plugin-proposal-private-property-in-object": "^7.21.11", "@babel/traverse": "7.23.3", "@emotion/react": "11.11.1", "@emotion/styled": "11.11.0", diff --git a/web-app/public/index.html b/web-app/public/index.html index 806d86d3fea..2accd75b50b 100644 --- a/web-app/public/index.html +++ b/web-app/public/index.html @@ -59,7 +59,7 @@ work correctly both with client-side routing and a non-root public URL. Learn how to configure a non-root public URL by running `npm run build`. --> - MinIO Console + MinIO Operator diff --git a/web-app/public/manifest.json b/web-app/public/manifest.json index 28ab43f74e9..56e9f82a90a 100644 --- a/web-app/public/manifest.json +++ b/web-app/public/manifest.json @@ -1,5 +1,5 @@ { - "name": "MinIO Console", + "name": "MinIO Operator", "icons": [ { "src": "favicon.ico", diff --git a/web-app/src/screens/Console/Common/FormComponents/CodeMirrorWrapper/CodeMirrorWrapper.tsx b/web-app/src/screens/Console/Common/FormComponents/CodeMirrorWrapper/CodeMirrorWrapper.tsx deleted file mode 100644 index 7caff722b5b..00000000000 --- a/web-app/src/screens/Console/Common/FormComponents/CodeMirrorWrapper/CodeMirrorWrapper.tsx +++ /dev/null @@ -1,143 +0,0 @@ -// This file is part of MinIO Operator -// 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 Grid from "@mui/material/Grid"; -import { Box, InputLabel, Tooltip } from "@mui/material"; -import { Theme } from "@mui/material/styles"; -import createStyles from "@mui/styles/createStyles"; -import withStyles from "@mui/styles/withStyles"; -import { Button, CopyIcon, HelpIcon } from "mds"; -import { fieldBasic } from "../common/styleLibrary"; -import CopyToClipboard from "react-copy-to-clipboard"; -import CodeEditor from "@uiw/react-textarea-code-editor"; -import TooltipWrapper from "../../TooltipWrapper/TooltipWrapper"; - -interface ICodeWrapper { - value: string; - label?: string; - mode?: string; - tooltip?: string; - classes: any; - onChange?: (editor: any, data: any, value: string) => any; - onBeforeChange: (editor: any, data: any, value: string) => any; - readOnly?: boolean; - editorHeight?: string; -} - -const styles = (theme: Theme) => - createStyles({ - ...fieldBasic, - }); - -const CodeMirrorWrapper = ({ - value, - label = "", - tooltip = "", - mode = "json", - classes, - onBeforeChange, - readOnly = false, - editorHeight = "250px", -}: ICodeWrapper) => { - return ( - - - - {label} - {tooltip !== "" && ( -
- -
- -
- -
- )} - - - - - { - onBeforeChange(null, null, evn.target.value); - }} - id={"code_wrapper"} - padding={15} - style={{ - fontSize: 12, - backgroundColor: "#fefefe", - fontFamily: - "ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace", - minHeight: editorHeight || "initial", - color: "#000000", - }} - /> - - - - - -