mirrors/object-browser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UX Icons for Modals (#1337)

Browse Source
This commit is contained in:
Prakash Senthil Vel
2021-12-22 04:56:54 +00:00
committed by GitHub
parent 78fa499c12
commit 00a5fba8a2
69 changed files with 1923 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
portal-ui/src/icons/AddAccessRuleIcon.tsx Normal file
View File

@@ -0,0 +1,78 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const AddAccessRuleIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1018"
data-name="Rectángulo 1018"
width="221.51"
height="256.002"
fill="#4ccb92"
/>
</clipPath>
<clipPath id="clip-Add_Access_Rule">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Add_Access_Rule"
data-name="Add Access Rule"
clipPath="url(#clip-Add_Access_Rule)"
>
<rect width="256" height="256" fill="#fff" />
<g id="Add_Access_Rule_Icon" data-name="Add Access Rule Icon">
<g id="Grupo_2406" data-name="Grupo 2406" transform="translate(18)">
<g id="Grupo_2405" data-name="Grupo 2405" clipPath="url(#clip-path)">
<path
id="Trazado_7142"
data-name="Trazado 7142"
d="M104.258,94.5a8.671,8.671,0,1,0,12.263,0,8.672,8.672,0,0,0-12.263,0"
fill="#4ccb92"
/>
<path
id="Trazado_7143"
data-name="Trazado 7143"
d="M220.846,46.255a15.346,15.346,0,0,0-15.422-14.381h-.01l-2.217.017c-18.3,0-53.371-3.671-82.6-28.236A15.2,15.2,0,0,0,110.742,0a15.03,15.03,0,0,0-9.748,3.6C71.681,28.225,36.7,31.9,18.452,31.9l-2.764-.028A15.124,15.124,0,0,0,.665,46.358C-1.156,93.424-.821,159.771,23,192.41c22.161,30.467,65.486,55.314,78.912,61.614a20.721,20.721,0,0,0,17.7-.015c14.415-6.8,56.684-31.109,78.885-61.582,23.832-32.654,24.168-99,22.347-146.172m-92.069,94.893,0,25.363H118.635v12.845h10.146v11H118.635V203.2h10.148v1.651l-18.394,18.394L92,204.849l.007-63.7a38.469,38.469,0,0,1-9.2-6.8A39.158,39.158,0,0,1,116.79,68.09a38.019,38.019,0,0,1,23.45,13.338,39.022,39.022,0,0,1-11.463,59.72"
fill="#4ccb92"
/>
</g>
</g>
<rect
id="Rectángulo_1019"
data-name="Rectángulo 1019"
width="256"
height="256"
fill="none"
/>
</g>
</g>
</svg>
);
export default AddAccessRuleIcon;

80
portal-ui/src/icons/AddMembersToGroupIcon.tsx Normal file
View File

@@ -0,0 +1,80 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const AddMembersToGroupIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1016"
data-name="Rectángulo 1016"
width="234.495"
height="256"
fill="#4ccb92"
/>
</clipPath>
<clipPath id="clip-Add_Members_to_Group">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Add_Members_to_Group"
data-name="Add Members to Group"
clipPath="url(#clip-Add_Members_to_Group)"
>
<rect width="256" height="256" fill="#fff" />
<g id="Add_Members_to_Group_Icon" data-name="Add Members to Group Icon">
<g id="Grupo_2404" data-name="Grupo 2404" transform="translate(12)">
<g id="Grupo_2403" data-name="Grupo 2403" clipPath="url(#clip-path)">
<path
id="Trazado_7140"
data-name="Trazado 7140"
d="M88.829,144.6h.048a66.829,66.829,0,0,0,27.035-5.707,69.009,69.009,0,0,0,22.1-15.529,72.055,72.055,0,0,0,14.891-22.977,73.863,73.863,0,0,0,5.463-28.1C158.372,32.435,127.183,0,88.831,0h0C50.5,0,19.316,32.43,19.316,72.292S50.5,144.6,88.829,144.6"
transform="translate(1.421)"
fill="#4ccb92"
/>
<path
id="Trazado_7141"
data-name="Trazado 7141"
d="M170.085,117.467a64.39,64.39,0,0,0-57.412,35.223c-1.427-.4-2.86-.784-4.3-1.124A94.705,94.705,0,0,0,86.9,149.044v.005c-1.755,0-3.439.046-5,.135A99.747,99.747,0,0,0,8.1,189.42c-.388.519-.767,1.061-1.234,1.756l-.107.15c-.1.142-.214.3-.312.458l-.027.028a37.88,37.88,0,0,0-2.671,37.522A31.97,31.97,0,0,0,32.509,247.36H142.044a31.485,31.485,0,0,0,13.08-2.84,64.408,64.408,0,1,0,14.961-127.054m.383,115.3a50.889,50.889,0,1,1,50.888-50.888,50.888,50.888,0,0,1-50.888,50.888m-7.982-26.944V189.859H146.524V173.895h15.963V157.931H178.45v15.964h15.963v15.964H178.45v15.963Z"
transform="translate(0 8.64)"
fill="#4ccb92"
/>
</g>
</g>
<rect
id="Rectángulo_1017"
data-name="Rectángulo 1017"
width="256"
height="256"
fill="none"
/>
</g>
</g>
</svg>
);
export default AddMembersToGroupIcon;

79
portal-ui/src/icons/AddNewTagIcon.tsx Normal file
View File

@@ -0,0 +1,79 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const AddNewTagIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1041"
data-name="Rectángulo 1041"
width="256"
height="242.667"
fill="none"
/>
</clipPath>
<clipPath id="clip-Add_New_Tag">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Add_New_Tag"
data-name="Add New Tag"
clipPath="url(#clip-Add_New_Tag)"
>
<rect width="256" height="256" fill="#fff" />
<g id="Add_New_Tag_Icon" data-name="Add New Tag Icon">
<g id="Add_New_" data-name="Add New " transform="translate(0 7.836)">
<g id="Grupo_2429" data-name="Grupo 2429" clipPath="url(#clip-path)">
<path
id="Trazado_7190"
data-name="Trazado 7190"
d="M227.22,126.576A53.114,53.114,0,1,0,155.674,55.03L109.365,8.722A29.86,29.86,0,0,0,88.94,0L29.97.032A30.021,30.021,0,0,0,0,29.99l0,59.2a29.8,29.8,0,0,0,8.7,20.186L133.237,233.909a29.806,29.806,0,0,0,21.266,8.758v0a29.813,29.813,0,0,0,21.25-8.743l58.162-58.157a30.211,30.211,0,0,0-.018-42.511ZM60.958,76.033A15.072,15.072,0,1,1,76.031,60.96,15.091,15.091,0,0,1,60.958,76.033m100.274,3.334A41.967,41.967,0,1,1,203.2,121.334a41.967,41.967,0,0,1-41.967-41.967"
fill="#4ccb92"
/>
<path
id="Trazado_7191"
data-name="Trazado 7191"
d="M316.362,94.258H303.2v13.164H290.033v13.165H303.2v13.165h13.164V120.587h13.164V107.422H316.362Z"
transform="translate(-106.58 -34.638)"
fill="#4ccb92"
/>
</g>
</g>
<rect
id="Rectángulo_1042"
data-name="Rectángulo 1042"
width="256"
height="256"
fill="none"
/>
</g>
</g>
</svg>
);
export default AddNewTagIcon;

78
portal-ui/src/icons/BucketEncryptionIcon.tsx Normal file
View File

@@ -0,0 +1,78 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const BucketEncryptionIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1023"
data-name="Rectángulo 1023"
width="256"
height="255.998"
fill="none"
/>
</clipPath>
<clipPath id="clip-Enable_Bucket_Encryption">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Enable_Bucket_Encryption"
data-name="Enable Bucket Encryption"
clipPath="url(#clip-Enable_Bucket_Encryption)"
>
<rect width="256" height="256" fill="#fff" />
<g
id="Enable_Bucket_Encryption_Icon"
data-name="Enable Bucket Encryption Icon"
>
<g id="Grupo_2410" data-name="Grupo 2410" clipPath="url(#clip-path)">
<path
id="Trazado_7149"
data-name="Trazado 7149"
d="M127.927,130.84a8.009,8.009,0,0,0-4.486,14.645v6.451a4.238,4.238,0,0,0,4.228,4.228h.511a4.237,4.237,0,0,0,4.227-4.228v-6.451a8.009,8.009,0,0,0-4.48-14.645"
transform="translate(-0.009)"
/>
<path
id="Trazado_7150"
data-name="Trazado 7150"
d="M250.852,8.773A21.516,21.516,0,0,0,233.732,0H22.264A21.507,21.507,0,0,0,5.148,8.773,25.864,25.864,0,0,0,.395,28.759c5.223,30.384,16.208,94.421,25,145.533l.014.1c4.457,26,8.337,48.644,10.616,61.787C37.988,247.666,47.17,256,57.875,256H198.129c10.712,0,19.873-8.332,21.859-19.818l10.591-61.712.076-.375,14.334-83.619.049-.243L255.6,28.759a25.8,25.8,0,0,0-4.748-19.986M37.855,98a9.544,9.544,0,0,1-9.408-7.93l-.007-.042a9.544,9.544,0,0,1,9.406-11.158h62.969A29.6,29.6,0,0,0,94.2,97.433v.176h-1.06a32.022,32.022,0,0,0-4.912.382Zm14.538,83.918a9.544,9.544,0,0,1-9.408-7.93l-.007-.041a9.544,9.544,0,0,1,9.405-11.159H63.256a26.924,26.924,0,0,0,8.909,18.292q.468.428.952.833ZM181.632,161.14c0,9.2-8.235,16.705-18.456,16.935l-35.261,6.136-35.259-6.135C82.434,177.844,74.2,170.337,74.2,161.14V125.55c0-9.342,8.5-16.941,18.943-16.941H105.2V97.433c0-11.162,10.19-20.244,22.714-20.244s22.714,9.08,22.714,20.244v11.176h12.059c10.446,0,18.944,7.6,18.944,16.941Zm31.479,12.751h0a9.543,9.543,0,0,1-9.413,7.989l-20.95.006c.311-.262.618-.529.918-.8a26.921,26.921,0,0,0,8.91-18.292H203.7a9.544,9.544,0,0,1,9.415,11.1M227.4,89.972a9.544,9.544,0,0,1-9.414,7.989l-50.5.012a32.024,32.024,0,0,0-4.8-.364h-1.06v-.176a29.6,29.6,0,0,0-6.613-18.56h62.97a9.544,9.544,0,0,1,9.416,11.1"
transform="translate(0)"
/>
<path
id="Trazado_7151"
data-name="Trazado 7151"
d="M127.923,85.575c-7.334,0-13.3,5.32-13.3,11.858l0,11.175h26.61l0-11.175c0-6.538-5.967-11.858-13.3-11.858"
transform="translate(-0.009)"
/>
</g>
</g>
</g>
</svg>
);
export default BucketEncryptionIcon;

69
portal-ui/src/icons/BucketQuotaIcon.tsx Normal file
View File

@@ -0,0 +1,69 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const BucketQuotaIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1024"
data-name="Rectángulo 1024"
width="256"
height="255.998"
fill="none"
/>
</clipPath>
<clipPath id="clip-Enable_Bucket_Quota">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Enable_Bucket_Quota"
data-name="Enable Bucket Quota"
clipPath="url(#clip-Enable_Bucket_Quota)"
>
<rect width="256" height="256" fill="#fff" />
<g id="Enable_Bucket_Quota_icon" data-name="Enable Bucket Quota icon">
<g id="Grupo_2411" data-name="Grupo 2411" clipPath="url(#clip-path)">
<path
id="Trazado_7154"
data-name="Trazado 7154"
d="M250.852,8.773A21.516,21.516,0,0,0,233.731,0H22.263A21.507,21.507,0,0,0,5.148,8.773,25.866,25.866,0,0,0,.394,28.758c5.223,30.385,16.208,94.421,25,145.533l.015.1c4.457,26,8.336,48.644,10.616,61.787C37.988,247.665,47.17,256,57.875,256H198.129c10.712,0,19.873-8.33,21.859-19.818l10.59-61.711.077-.375,14.334-83.62.049-.243L255.6,28.758a25.8,25.8,0,0,0-4.748-19.985M37.855,98a9.546,9.546,0,0,1-9.408-7.931l-.007-.041a9.544,9.544,0,0,1,9.406-11.159H73.505A76.487,76.487,0,0,0,61.131,98ZM52.393,181.92a9.542,9.542,0,0,1-9.408-7.93l-.007-.041a9.543,9.543,0,0,1,9.406-11.158h9.537a76.056,76.056,0,0,0,13.085,19.123ZM95.5,184.747A65.491,65.491,0,0,1,166.073,74.4l-6.682,6.683a56.3,56.3,0,0,0-68.414,88.287h.016a56.4,56.4,0,0,0,68.255,8.755l6.7,6.7a65.481,65.481,0,0,1-70.445-.081m81.526-2.408-3.147-3.147L124.27,129.579l49.47-49.515,3.27-3.27,3.27,3.27a69.643,69.643,0,0,1,14.386,20.891q.409.909.789,1.828a70,70,0,0,1,0,53.585l.016-.013q-.46,1.113-.964,2.208A69.625,69.625,0,0,1,180.3,179.069Zm36.084-8.449h0a9.543,9.543,0,0,1-9.413,7.989l-11.062,0a80.263,80.263,0,0,0,11.888-18.775c.039-.085.079-.177.118-.264a9.542,9.542,0,0,1,8.469,11.047M227.4,89.971a9.542,9.542,0,0,1-9.414,7.989l-12.633,0c-.216-.509-.431-1.019-.659-1.526a80.169,80.169,0,0,0-10.75-17.566h24.04a9.544,9.544,0,0,1,9.416,11.1"
transform="translate(0)"
/>
<path
id="Trazado_7155"
data-name="Trazado 7155"
d="M137.27,129.555,176.915,169.2a60.81,60.81,0,0,0,0-79.259Z"
transform="translate(-0.011)"
/>
</g>
</g>
</g>
</svg>
);
export default BucketQuotaIcon;

90
portal-ui/src/icons/BucketReplicationIcon.tsx Normal file
View File

@@ -0,0 +1,90 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const BucketReplicationIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1021"
data-name="Rectángulo 1021"
width="256"
height="191.369"
fill="#4ccb92"
/>
</clipPath>
<clipPath id="clip-Set_Bucket_Replication">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Set_Bucket_Replication"
data-name="Set Bucket Replication"
clipPath="url(#clip-Set_Bucket_Replication)"
>
<rect width="256" height="256" fill="#fff" />
<g
id="Set_Bucket_Replication_icon"
data-name="Set Bucket Replication icon"
>
<g id="Grupo_2409" data-name="Grupo 2409" transform="translate(0 32)">
<g id="Grupo_2408" data-name="Grupo 2408" clipPath="url(#clip-path)">
<path
id="Trazado_7146"
data-name="Trazado 7146"
d="M21.3,87.4l-1.578-9.192H46.838c-.123-.722-.249-1.449-.371-2.162-1.931-11.245-3.66-21.315-4.976-28.97l-27.171.006-1.577-9.19H40.71a20.546,20.546,0,0,1,3.951-10.1,17.7,17.7,0,0,1,14.016-7.169h62.949l1.169-6.805a12.394,12.394,0,0,0-2.281-9.6A10.335,10.335,0,0,0,112.289,0H10.7A10.33,10.33,0,0,0,2.474,4.215a12.426,12.426,0,0,0-2.284,9.6C2.7,28.413,7.977,59.178,12.2,83.733l.007.048c2.141,12.491,4,23.369,5.1,29.683.943,5.519,5.354,9.523,10.5,9.523H54.529C52.5,111.17,50.4,98.923,48.415,87.392Z"
transform="translate(0)"
fill="#4ccb92"
/>
<path
id="Trazado_7147"
data-name="Trazado 7147"
d="M264.2,97.863l2.41-14.045.037-.18,6.887-40.172.024-.117,5.074-29.533a12.4,12.4,0,0,0-2.281-9.6A10.336,10.336,0,0,0,268.128,0H166.535a10.331,10.331,0,0,0-8.223,4.215,12.425,12.425,0,0,0-2.283,9.6c.341,1.985.735,4.278,1.169,6.805H220.27A17.746,17.746,0,0,1,234.334,27.8a20.491,20.491,0,0,1,3.944,10.091h27.69l-1.514,9.169-26.959.006-5.351,31.141H259.1l-1.514,9.17-7.244,0A54.53,54.53,0,0,0,228,81.1l6.547-38.106a16.846,16.846,0,0,0-3.1-13.05,14.048,14.048,0,0,0-11.179-5.728H82.193a14.042,14.042,0,0,0-11.176,5.728,16.889,16.889,0,0,0-3.1,13.05C71.324,62.83,78.5,104.644,84.236,138.017l.01.065c2.91,16.977,5.443,31.762,6.932,40.344,1.282,7.5,7.277,12.942,14.267,12.942h91.579a13.777,13.777,0,0,0,9.436-3.82A54.824,54.824,0,0,0,264.2,97.863M87.119,88.2l-2.144-12.49H217.335l-.974,5.9a54.43,54.43,0,0,0-18.853,6.571ZM96.611,143l-2.144-12.492h75.608c-.168,1.748-.261,3.518-.261,5.31a55.27,55.27,0,0,0,.481,7.163Zm128.363,36.14A43.322,43.322,0,1,1,268.3,135.817a43.322,43.322,0,0,1-43.322,43.322"
transform="translate(-23.479)"
fill="#4ccb92"
/>
<path
id="Trazado_7148"
data-name="Trazado 7148"
d="M313.356,176.316c-.055.053-.11.107-.163.162h-.014l-25.036,24.646-8.883-8.767a6.569,6.569,0,1,0-9.224,9.354l18.121,17.855,34.329-33.735a6.594,6.594,0,1,0-9.13-9.516"
transform="translate(-93.036 -60.553)"
fill="#4ccb92"
/>
</g>
</g>
<rect
id="Rectángulo_1022"
data-name="Rectángulo 1022"
width="256"
height="256"
fill="none"
/>
</g>
</g>
</svg>
);
export default BucketReplicationIcon;

72
portal-ui/src/icons/ChangeAccessPolicyIcon.tsx Normal file
View File

@@ -0,0 +1,72 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const ChangeAccessPolicyIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1045"
data-name="Rectángulo 1045"
width="256"
height="230.638"
fill="none"
/>
</clipPath>
<clipPath id="clip-Change_Access_Policy">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Change_Access_Policy"
data-name="Change Access Policy"
clipPath="url(#clip-Change_Access_Policy)"
>
<rect width="256" height="256" fill="#fff" />
<g id="Change_Access_Policy_Icon" data-name="Change Access Policy Icon">
<g id="Grupo_2432" data-name="Grupo 2432" transform="translate(0 13)">
<g id="Grupo_2431" data-name="Grupo 2431" clipPath="url(#clip-path)">
<path
id="Trazado_7195"
data-name="Trazado 7195"
d="M230.943,74.7A72.225,72.225,0,0,0,217.05,30.786,74.4,74.4,0,0,0,82.376,74.139a73.1,73.1,0,0,0,3.216,21.5L0,181.212v49.426H49.426l2.217-2.22L38.01,214.786l17.257-17.257L68.9,211.161l14.776-14.778L70.043,182.753,87.3,165.5l13.629,13.63L135,145.045a73.794,73.794,0,0,0,41.481.594A45.523,45.523,0,1,0,230.943,74.7m15.771,40.663a35.971,35.971,0,1,1-35.971-35.971,35.971,35.971,0,0,1,35.971,35.971M228.838,99.516A8.172,8.172,0,0,0,222.913,97a8.71,8.71,0,0,0-6,2.447l-22.22,22.245a2.041,2.041,0,0,0-.593,1.112L191.8,134a2.062,2.062,0,0,0,.593,1.928,2.246,2.246,0,0,0,1.555.593.938.938,0,0,0,.444-.074l11.11-2.152a2.036,2.036,0,0,0,1.111-.593l22.219-22.245a8.511,8.511,0,0,0,0-11.938M148.261,65.9a16.475,16.475,0,1,1,16.475,16.475A16.475,16.475,0,0,1,148.261,65.9"
transform="translate(0 0)"
/>
</g>
</g>
<rect
id="Rectángulo_1046"
data-name="Rectángulo 1046"
width="256"
height="256"
fill="none"
/>
</g>
</g>
</svg>
);
export default ChangeAccessPolicyIcon;

108
portal-ui/src/icons/ChangePasswordIcon.tsx Normal file
View File

@@ -0,0 +1,108 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const ChangePasswordIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1033"
data-name="Rectángulo 1033"
width="234.584"
height="256"
fill="#4ccb92"
/>
</clipPath>
<clipPath id="clip-Change_User_Password">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Change_User_Password"
data-name="Change User Password"
clipPath="url(#clip-Change_User_Password)"
>
<rect width="256" height="256" fill="#fff" />
<g id="Change_User_Password_Icon" data-name="Change User Password Icon">
<g id="Grupo_2422" data-name="Grupo 2422" transform="translate(11)">
<g id="Grupo_2421" data-name="Grupo 2421" clipPath="url(#clip-path)">
<path
id="Trazado_7174"
data-name="Trazado 7174"
d="M89.039,144.5h.048a66.549,66.549,0,0,0,26.922-5.683,68.721,68.721,0,0,0,22.01-15.464,71.754,71.754,0,0,0,14.829-22.881,73.555,73.555,0,0,0,5.44-27.984C158.291,32.8,127.233.5,89.04.5h0C50.868.5,19.816,32.794,19.816,72.49S50.868,144.5,89.039,144.5"
transform="translate(1.369 0.035)"
fill="#4ccb92"
/>
<path
id="Trazado_7175"
data-name="Trazado 7175"
d="M89.039,144.5h.048a66.549,66.549,0,0,0,26.922-5.683,68.721,68.721,0,0,0,22.01-15.464,71.754,71.754,0,0,0,14.829-22.881,73.555,73.555,0,0,0,5.44-27.984C158.291,32.8,127.233.5,89.04.5h0C50.868.5,19.816,32.794,19.816,72.49S50.868,144.5,89.039,144.5Z"
transform="translate(1.369 0.035)"
fill="#4ccb92"
/>
<path
id="Trazado_7176"
data-name="Trazado 7176"
d="M169.875,117.967A64.121,64.121,0,0,0,112.7,153.043c-1.421-.4-2.848-.78-4.286-1.119a94.31,94.31,0,0,0-21.382-2.511v.005c-1.748,0-3.424.045-4.982.135A99.34,99.34,0,0,0,8.563,189.619c-.386.516-.763,1.056-1.228,1.749l-.107.15c-.1.141-.213.3-.311.456L6.89,192a37.722,37.722,0,0,0-2.66,37.365,31.837,31.837,0,0,0,28.644,17.951H141.951a31.362,31.362,0,0,0,13.027-2.828,64.139,64.139,0,1,0,14.9-126.523m.382,114.817a50.676,50.676,0,1,1,50.676-50.676,50.676,50.676,0,0,1-50.676,50.676"
transform="translate(0.035 8.148)"
fill="#4ccb92"
/>
<path
id="Trazado_7177"
data-name="Trazado 7177"
d="M169.875,117.967A64.121,64.121,0,0,0,112.7,153.043c-1.421-.4-2.848-.78-4.286-1.119a94.31,94.31,0,0,0-21.382-2.511v.005c-1.748,0-3.424.045-4.982.135A99.34,99.34,0,0,0,8.563,189.619c-.386.516-.763,1.056-1.228,1.749l-.107.15c-.1.141-.213.3-.311.456L6.89,192a37.722,37.722,0,0,0-2.66,37.365,31.837,31.837,0,0,0,28.644,17.951H141.951a31.362,31.362,0,0,0,13.027-2.828,64.139,64.139,0,1,0,14.9-126.523Zm.382,114.817a50.676,50.676,0,1,1,50.676-50.676A50.676,50.676,0,0,1,170.256,232.784Z"
transform="translate(0.035 8.148)"
fill="#4ccb92"
/>
<path
id="Trazado_7178"
data-name="Trazado 7178"
d="M175.869,148.182a20.812,20.812,0,0,0-20.809,20.813,20.593,20.593,0,0,0,.9,6.036l-24.028,24.024v13.874h13.875L169.833,188.9a20.816,20.816,0,0,0,26.849-18.2,20.283,20.283,0,0,0-3.813-13.874,20.814,20.814,0,0,0-17-8.642m2.311,23.125a4.625,4.625,0,1,1,4.626-4.624,4.625,4.625,0,0,1-4.626,4.624"
transform="translate(9.112 10.235)"
fill="#4ccb92"
/>
<path
id="Trazado_7179"
data-name="Trazado 7179"
d="M175.869,148.182a20.812,20.812,0,0,0-20.809,20.813,20.593,20.593,0,0,0,.9,6.036l-24.028,24.024v13.874h13.875L169.833,188.9a20.816,20.816,0,0,0,26.849-18.2,20.283,20.283,0,0,0-3.813-13.874A20.814,20.814,0,0,0,175.869,148.182Zm2.311,23.125a4.625,4.625,0,1,1,4.626-4.624A4.625,4.625,0,0,1,178.181,171.307Z"
transform="translate(9.112 10.235)"
fill="#4ccb92"
/>
</g>
</g>
<rect
id="Rectángulo_1034"
data-name="Rectángulo 1034"
width="256"
height="256"
fill="none"
/>
</g>
</g>
</svg>
);
export default ChangePasswordIcon;

70
portal-ui/src/icons/ConfirmDeleteIcon.tsx Normal file
View File

@@ -0,0 +1,70 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const ConfirmDeleteIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1030"
data-name="Rectángulo 1030"
width="256.722"
height="256.722"
fill="none"
/>
</clipPath>
<clipPath id="clip-Generic_Delete">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Generic_Delete"
data-name="Generic Delete"
clipPath="url(#clip-Generic_Delete)"
>
<rect width="256" height="256" fill="#fff" />
<g id="Generic_Delete_Icon" data-name="Generic Delete Icon">
<g id="Grupo_2418" data-name="Grupo 2418" clipPath="url(#clip-path)">
<path
id="Trazado_7169"
data-name="Trazado 7169"
d="M128.362,0a128.361,128.361,0,1,0,128.36,128.361A128.361,128.361,0,0,0,128.362,0m.764,229.776A101.415,101.415,0,1,1,230.541,128.361,101.415,101.415,0,0,1,129.126,229.776"
fill="#c83b51"
/>
<path
id="Trazado_7170"
data-name="Trazado 7170"
d="M239.678,162.575l-18.744-19.187a4.572,4.572,0,0,0-6.36,0l-22.136,22.661-22.133-22.661a4.44,4.44,0,0,0-6.356,0L145.2,162.575a4.45,4.45,0,0,0,0,6.211L167.491,191.6,145.2,214.411a4.45,4.45,0,0,0,0,6.211l18.746,19.189a4.571,4.571,0,0,0,6.358,0l22.133-22.661,22.136,22.661a4.442,4.442,0,0,0,6.358,0l18.744-19.189a4.445,4.445,0,0,0,0-6.211L217.392,191.6l22.286-22.814a4.445,4.445,0,0,0,0-6.211"
transform="translate(-64.082 -63.239)"
fill="#c83b51"
/>
</g>
</g>
</g>
</svg>
);
export default ConfirmDeleteIcon;

63
portal-ui/src/icons/ConfirmModalIcon.tsx Normal file
View File

@@ -0,0 +1,63 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const ConfirmModalIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1028"
data-name="Rectángulo 1028"
width="256"
height="256"
fill="none"
/>
</clipPath>
<clipPath id="clip-Generic_Confirmation">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Generic_Confirmation"
data-name="Generic Confirmation"
clipPath="url(#clip-Generic_Confirmation)"
>
<rect width="256" height="256" fill="#fff" />
<g id="Generic_Confirmation_Icon" data-name="Generic Confirmation Icon">
<g id="Grupo_2416" data-name="Grupo 2416" clipPath="url(#clip-path)">
<path
id="Trazado_7167"
data-name="Trazado 7167"
d="M128,0A128,128,0,1,0,256,128,128,128,0,0,0,128,0m.762,229.13A101.13,101.13,0,1,1,229.892,128a101.13,101.13,0,0,1-101.13,101.13M167.851,81.8,111,137.769,90.83,117.862A14.916,14.916,0,0,0,69.884,139.1l41.148,40.543,77.952-76.6a14.973,14.973,0,1,0-20.732-21.609q-.188.181-.37.367Z"
fill="#4ccb92"
/>
</g>
</g>
</g>
</svg>
);
export default ConfirmModalIcon;

108
portal-ui/src/icons/CreateGroupIcon.tsx Normal file
View File

@@ -0,0 +1,108 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const CreateGroupIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1039"
data-name="Rectángulo 1039"
width="256"
height="215.188"
fill="none"
/>
</clipPath>
<clipPath id="clip-Create_Group">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Create_Group"
data-name="Create Group"
clipPath="url(#clip-Create_Group)"
>
<rect width="256" height="256" fill="#fff" />
<g id="Create_Group_Icon" data-name="Create Group Icon">
<g id="Grupo_2428" data-name="Grupo 2428" transform="translate(0 20)">
<g id="Grupo_2427" data-name="Grupo 2427" clipPath="url(#clip-path)">
<path
id="Trazado_7184"
data-name="Trazado 7184"
d="M498.413,74.672a63.2,63.2,0,0,1-3.786,21.575c.9.049,1.8.078,2.709.078,26.871,0,48.733-21.605,48.733-48.162S524.2,0,497.337,0a48.855,48.855,0,0,0-36.642,16.469,64.109,64.109,0,0,1,37.719,58.2"
transform="translate(-305.609 0)"
fill="#4ccb92"
/>
<path
id="Trazado_7185"
data-name="Trazado 7185"
d="M95.34,96.326c.921,0,1.836-.031,2.744-.081A63.2,63.2,0,0,1,94.3,74.674a64.109,64.109,0,0,1,37.693-58.2A48.867,48.867,0,0,0,95.34,0C68.473,0,46.614,21.605,46.614,48.163S68.473,96.326,95.34,96.326"
transform="translate(-30.922 0)"
fill="#4ccb92"
/>
<path
id="Trazado_7186"
data-name="Trazado 7186"
d="M80.135,346.621a97.66,97.66,0,0,1,21.039-9.138,64.833,64.833,0,0,1-30.526-28.792c-2.2-.2-4.4-.306-6.612-.308-1.071,0-2.152.027-3.221.075-.121,0-.243.005-.365.011a70.315,70.315,0,0,0-7.835.841c-18.427,3-35.857,13.09-46.8,27.434-.419.55-.838,1.119-1.223,1.65l-.005.008a24.616,24.616,0,0,0-1.906,25.48,22.559,22.559,0,0,0,3.644,5.089,22.224,22.224,0,0,0,4.817,3.812,23.01,23.01,0,0,0,5.736,2.385,24.94,24.94,0,0,0,6.409.823H49.714a37.659,37.659,0,0,1,2.685-4.371l.027-.038.046-.063c.569-.785,1.067-1.457,1.525-2.058a90.337,90.337,0,0,1,26.138-22.841"
transform="translate(0 -204.572)"
fill="#4ccb92"
/>
<path
id="Trazado_7187"
data-name="Trazado 7187"
d="M215.477,113.623c0,30.276,24.92,54.907,55.549,54.907s55.557-24.63,55.557-54.907-24.929-54.907-55.557-54.907-55.549,24.63-55.549,54.907"
transform="translate(-142.94 -38.95)"
fill="#4ccb92"
/>
<path
id="Trazado_7188"
data-name="Trazado 7188"
d="M358.424,337.287l0,0a73.77,73.77,0,0,0-27.955-21.978A77.668,77.668,0,0,0,315,310.141a74.21,74.21,0,0,0-15.959-1.757c-1.071,0-2.152.028-3.22.075-.122.005-.244.006-.365.011-.73.036-1.46.088-2.189.147a64.831,64.831,0,0,1-14.437,18.4,47.462,47.462,0,0,0-24.218,17.921c-.357-.083-.713-.172-1.071-.252a84.586,84.586,0,0,0-18.192-2c-1.221,0-2.454.031-3.671.085-.138.005-.277.006-.416.012a80.086,80.086,0,0,0-8.933.959c-21.008,3.419-40.879,14.924-53.349,31.275-.478.628-.955,1.276-1.394,1.882l-.006.008a28.062,28.062,0,0,0-2.177,29.05,25.77,25.77,0,0,0,4.155,5.8,25.368,25.368,0,0,0,5.491,4.346,26.29,26.29,0,0,0,6.541,2.718,28.435,28.435,0,0,0,7.306.938h93.79a28.421,28.421,0,0,0,5.814-.589,47.926,47.926,0,0,0,4.917.253A47.353,47.353,0,0,0,340.6,375.992a24.947,24.947,0,0,0,6.424-.835,22.741,22.741,0,0,0,5.751-2.418,21.778,21.778,0,0,0,4.793-3.867,22.122,22.122,0,0,0,3.581-5.16,25.152,25.152,0,0,0-2.726-26.426m-64.729,72.2a37.411,37.411,0,1,1,37.411-37.411A37.411,37.411,0,0,1,293.7,409.484"
transform="translate(-107.694 -204.572)"
fill="#4ccb92"
/>
<path
id="Trazado_7189"
data-name="Trazado 7189"
d="M523.713,445.287H511.978v11.735H500.243v11.735h11.735v11.735h11.735V468.757h11.735V457.022H523.713Z"
transform="translate(-331.844 -295.388)"
fill="#4ccb92"
/>
</g>
</g>
<rect
id="Rectángulo_1040"
data-name="Rectángulo 1040"
width="256"
height="256"
fill="none"
/>
</g>
</g>
</svg>
);
export default CreateGroupIcon;

105
portal-ui/src/icons/CreateNewPathIcon.tsx Normal file
View File

@@ -0,0 +1,105 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const CreateNewPathIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1026"
data-name="Rectángulo 1026"
width="255.576"
height="182.735"
fill="none"
/>
</clipPath>
<clipPath id="clip-Create_New_Path">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Create_New_Path"
data-name="Create New Path"
clipPath="url(#clip-Create_New_Path)"
>
<rect width="256" height="256" fill="#fff" />
<g id="Create_New_Path_Icon" data-name="Create New Path Icon">
<g
id="Grupo_2415"
data-name="Grupo 2415"
transform="translate(0.424 26.642)"
>
<g id="Grupo_2414" data-name="Grupo 2414" clipPath="url(#clip-path)">
<path
id="Trazado_7162"
data-name="Trazado 7162"
d="M21.8,141.76c-11.745,0-21.8,9.96-21.8,21.517a22.187,22.187,0,0,0,21.8,21.8c11.557,0,21.517-10.054,21.517-21.8A21.949,21.949,0,0,0,21.8,141.76"
transform="translate(0 -59.036)"
fill="#4ccb92"
/>
<path
id="Trazado_7163"
data-name="Trazado 7163"
d="M21.8,235.632c-11.745,0-21.8,9.96-21.8,21.517a22.187,22.187,0,0,0,21.8,21.8c11.557,0,21.517-10.054,21.517-21.8A21.949,21.949,0,0,0,21.8,235.632"
transform="translate(0 -98.13)"
fill="#4ccb92"
/>
<path
id="Trazado_7164"
data-name="Trazado 7164"
d="M200.314,0H187.871A11.54,11.54,0,0,0,177.5,6.479L99.6,166.135a11.54,11.54,0,0,0,10.371,16.6h12.443a11.54,11.54,0,0,0,10.371-6.479L210.684,16.6A11.539,11.539,0,0,0,200.314,0"
transform="translate(-40.986)"
fill="#4ccb92"
/>
<path
id="Trazado_7165"
data-name="Trazado 7165"
d="M294.178,82.251c-1.23,0-2.445.061-3.652.149l32.106-65.8A11.539,11.539,0,0,0,312.262,0H299.819a11.539,11.539,0,0,0-10.371,6.479l-77.9,159.656a11.539,11.539,0,0,0,10.37,16.6h12.443a11.54,11.54,0,0,0,10.371-6.479l8.685-17.8a49,49,0,1,0,40.762-76.205m.292,87.721a38.717,38.717,0,1,1,38.717-38.717,38.717,38.717,0,0,1-38.717,38.717"
transform="translate(-87.607)"
fill="#4ccb92"
/>
<path
id="Trazado_7166"
data-name="Trazado 7166"
d="M347.565,193.708H335.42v12.145H323.275V218H335.42v12.145h12.145V218h12.145V205.853H347.565Z"
transform="translate(-134.629 -80.67)"
fill="#4ccb92"
/>
</g>
</g>
<rect
id="Rectángulo_1027"
data-name="Rectángulo 1027"
width="256"
height="256"
fill="none"
/>
</g>
</g>
</svg>
);
export default CreateNewPathIcon;

80
portal-ui/src/icons/CreateUserIcon.tsx Normal file
View File

@@ -0,0 +1,80 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const CreateUserIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1016"
data-name="Rectángulo 1016"
width="234.495"
height="256"
fill="#4ccb92"
/>
</clipPath>
<clipPath id="clip-Create_User">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Create_User"
data-name="Create User"
clipPath="url(#clip-Create_User)"
>
<rect width="256" height="256" fill="#fff" />
<g id="Create_User-2" data-name="Create User">
<g id="Grupo_2404" data-name="Grupo 2404" transform="translate(12)">
<g id="Grupo_2403" data-name="Grupo 2403" clipPath="url(#clip-path)">
<path
id="Trazado_7140"
data-name="Trazado 7140"
d="M88.829,144.6h.048a66.829,66.829,0,0,0,27.035-5.707,69.009,69.009,0,0,0,22.1-15.529,72.055,72.055,0,0,0,14.891-22.977,73.863,73.863,0,0,0,5.463-28.1C158.372,32.435,127.183,0,88.831,0h0C50.5,0,19.316,32.43,19.316,72.292S50.5,144.6,88.829,144.6"
transform="translate(1.421)"
fill="#4ccb92"
/>
<path
id="Trazado_7141"
data-name="Trazado 7141"
d="M170.085,117.467a64.39,64.39,0,0,0-57.412,35.223c-1.427-.4-2.86-.784-4.3-1.124A94.705,94.705,0,0,0,86.9,149.044v.005c-1.755,0-3.439.046-5,.135A99.747,99.747,0,0,0,8.1,189.42c-.388.519-.767,1.061-1.234,1.756l-.107.15c-.1.142-.214.3-.312.458l-.027.028a37.88,37.88,0,0,0-2.671,37.522A31.97,31.97,0,0,0,32.509,247.36H142.044a31.485,31.485,0,0,0,13.08-2.84,64.408,64.408,0,1,0,14.961-127.054m.383,115.3a50.889,50.889,0,1,1,50.888-50.888,50.888,50.888,0,0,1-50.888,50.888m-7.982-26.944V189.859H146.524V173.895h15.963V157.931H178.45v15.964h15.963v15.964H178.45v15.963Z"
transform="translate(0 8.64)"
fill="#4ccb92"
/>
</g>
</g>
<rect
id="Rectángulo_1017"
data-name="Rectángulo 1017"
width="256"
height="256"
fill="none"
/>
</g>
</g>
</svg>
);
export default CreateUserIcon;

117
portal-ui/src/icons/DriveFormatErrorsIcon.tsx Normal file
View File

@@ -0,0 +1,117 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const DriveFormatErrorsIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1025"
data-name="Rectángulo 1025"
width="256"
height="236.235"
fill="none"
/>
</clipPath>
<clipPath id="clip-Drive_Format_Errors">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Drive_Format_Errors"
data-name="Drive Format Errors"
clipPath="url(#clip-Drive_Format_Errors)"
>
<rect width="256" height="256" fill="#fff" />
<g id="Drive_Format_Errors-Icon" data-name="Drive Format Errors-Icon">
<rect
id="Rectángulo_1004"
data-name="Rectángulo 1004"
width="256"
height="256"
fill="none"
/>
<g
id="Grupo_2413"
data-name="Grupo 2413"
transform="translate(0.637 9.778)"
>
<g
id="Grupo_2412"
data-name="Grupo 2412"
transform="translate(0 0.001)"
clipPath="url(#clip-path)"
>
<path
id="Trazado_7156"
data-name="Trazado 7156"
d="M97.03,336.139a9.708,9.708,0,1,1,.007,0"
transform="translate(-47.133 -168.561)"
fill="#c83b51"
/>
<path
id="Trazado_7157"
data-name="Trazado 7157"
d="M139.7,336.054a6.907,6.907,0,1,0-7.923-5.713,6.907,6.907,0,0,0,7.923,5.713"
transform="translate(-68.864 -168.564)"
fill="#c83b51"
/>
<path
id="Trazado_7158"
data-name="Trazado 7158"
d="M256.009,77.663A47.444,47.444,0,0,0,198.24,31.346a118.111,118.111,0,1,0,38,86.785c0-.642-.014-1.281-.024-1.921a47.383,47.383,0,0,0,19.793-38.546M43.519,118.312,67.309,58.88A5.7,5.7,0,0,1,72.6,55.3h91.06a5.686,5.686,0,0,1,2.687.677,47.446,47.446,0,0,0,26.623,66.516,5.7,5.7,0,0,1-5.312,3.641H48.809a5.7,5.7,0,0,1-5.29-7.818M201.9,175.033a5.937,5.937,0,0,1-5.936,5.936H40.294a5.936,5.936,0,0,1-5.936-5.936V146.671a5.936,5.936,0,0,1,5.936-5.936H195.96a5.937,5.937,0,0,1,5.936,5.936Zm6.94-59.871A37.494,37.494,0,1,1,246.33,77.668a37.494,37.494,0,0,1-37.494,37.494"
transform="translate(-0.009 -0.013)"
fill="#c83b51"
/>
<path
id="Trazado_7159"
data-name="Trazado 7159"
d="M282.274,335.577h-80.98a4.182,4.182,0,0,1-4.169-4.169v-5.956a4.182,4.182,0,0,1,4.169-4.169h80.98a4.182,4.182,0,0,1,4.169,4.169v5.956a4.182,4.182,0,0,1-4.169,4.169"
transform="translate(-103.088 -168.017)"
fill="#c83b51"
/>
<path
id="Trazado_7160"
data-name="Trazado 7160"
d="M435.958,142.765l1.282-30.209h-12.4l1.282,30.209Z"
transform="translate(-222.172 -58.862)"
fill="#c83b51"
/>
<path
id="Trazado_7161"
data-name="Trazado 7161"
d="M430.2,183.9a6.94,6.94,0,1,0,6.887,6.993v-.106A7.067,7.067,0,0,0,430.2,183.9"
transform="translate(-221.316 -96.17)"
fill="#c83b51"
/>
</g>
</g>
</g>
</g>
</svg>
);
export default DriveFormatErrorsIcon;

72
portal-ui/src/icons/EditYamlIcon.tsx Normal file
View File

@@ -0,0 +1,72 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const EditYamlIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1012"
data-name="Rectángulo 1012"
width="219.579"
height="256"
/>
</clipPath>
<clipPath id="clip-Edit_YAML">
<rect width="256" height="256" />
</clipPath>
</defs>
<g id="Edit_YAML" data-name="Edit YAML" clipPath="url(#clip-Edit_YAML)">
<rect width="256" height="256" fill="#fff" />
<g id="Edit_YAML_Icon" data-name="Edit YAML Icon">
<rect
id="Rectángulo_1013"
data-name="Rectángulo 1013"
width="256"
height="256"
fill="none"
/>
<g id="Grupo_2399" data-name="Grupo 2399" transform="translate(25)">
<g id="Grupo_2398" data-name="Grupo 2398" clipPath="url(#clip-path)">
<path
id="Trazado_7135"
data-name="Trazado 7135"
d="M393.716,60.148a7.412,7.412,0,0,0-5.1,2.082L369.7,81.158a1.738,1.738,0,0,0-.5.946l-1.953,9.528a1.754,1.754,0,0,0,.5,1.64,1.912,1.912,0,0,0,1.323.5.8.8,0,0,0,.378-.063l9.453-1.83a1.736,1.736,0,0,0,.946-.5l18.906-18.928a7.242,7.242,0,0,0,0-10.158,6.957,6.957,0,0,0-5.042-2.145"
transform="translate(-207.088 -33.921)"
/>
<path
id="Trazado_7136"
data-name="Trazado 7136"
d="M176.1,0a43.4,43.4,0,0,0-34.3,16.755c-4.119.092-8.241.181-12.357.164-21.964-.1-43.951.3-65.928.385-2.625.014-5.267.014-7.914.014H16.136A16.146,16.146,0,0,0,0,33.445V239.878A16.142,16.142,0,0,0,16.136,256H186.882A16.131,16.131,0,0,0,203,239.877V137.027c0-16.076-.4-32.234-.013-48.284.089-3.731.185-7.51.262-11.308A43.478,43.478,0,0,0,176.1,0M51.689,162.377v19.369H37.8V162.56l-19.3-31.977H34.44l10.343,19.333,10.306-19.333H70.547Zm81.6,19.369H119.4V149.733L111.182,177h-14.8l-8.223-27.262v32.014H74.271V130.583H93.53L103.8,161.354l10.233-30.771h19.259Zm45.823,0H140.6V130.583h13.888v38.372h24.631ZM176.359,77.831a34.352,34.352,0,1,1,34.352-34.352,34.352,34.352,0,0,1-34.352,34.352"
/>
</g>
</g>
</g>
</g>
</svg>
);
export default EditYamlIcon;

72
portal-ui/src/icons/EventSubscriptionIcon.tsx Normal file
View File

@@ -0,0 +1,72 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const EventSubscriptionIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-Subscribe_to_event">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Subscribe_to_event"
data-name="Subscribe to event"
clipPath="url(#clip-Subscribe_to_event)"
>
<rect width="256" height="256" fill="#fff" />
<g
id="subscribe_to_event_icon"
data-name="subscribe to event icon"
transform="translate(-675.16 -286.16)"
>
<g
id="Grupo_2272"
data-name="Grupo 2272"
transform="translate(676.2 287.84)"
>
<g id="Grupo_2271" data-name="Grupo 2271">
<path
id="Trazado_7031"
data-name="Trazado 7031"
d="M218.265,151a12.276,12.276,0,0,0-12.37,12.1v3.147H184.5c-17.317,0-31.3,13.678-31.3,30.383v178.3c0,16.7,14.1,30.383,31.3,30.383h191.73c17.318,0,31.3-13.678,31.3-30.383v-178.3c0-16.7-14.1-30.383-31.3-30.383h-24.74V163.1a12.372,12.372,0,0,0-24.739,0v3.147H230.634V163.1A12.275,12.275,0,0,0,218.265,151Zm157.96,229.99H184.5a6.408,6.408,0,0,1-6.556-6.173v-127.7H382.9v127.7A6.6,6.6,0,0,1,376.225,380.99ZM326.746,190.461v3.39a12.372,12.372,0,0,0,24.739,0v-3.39h24.74a6.408,6.408,0,0,1,6.556,6.174v26.388H177.939V196.635a6.408,6.408,0,0,1,6.556-6.174h21.4v3.39a12.373,12.373,0,0,0,24.74,0v-3.39Z"
transform="translate(-153.2 -151)"
fill="#4ccb92"
/>
<path
id="Trazado_7032"
data-name="Trazado 7032"
d="M320.582,251.052l-58.245,57.325-20.692-20.386a15.283,15.283,0,0,0-21.459,21.766L262.337,351.3l79.857-78.478a15.336,15.336,0,1,0-21.612-21.765Z"
transform="translate(-151.567 -145.725)"
fill="#4ccb92"
/>
</g>
</g>
</g>
</g>
</svg>
);
export default EventSubscriptionIcon;

93
portal-ui/src/icons/FormatDrivesIcon.tsx Normal file
View File

@@ -0,0 +1,93 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const FormatDrivesIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1043"
data-name="Rectángulo 1043"
width="255.479"
height="241.736"
fill="none"
/>
</clipPath>
<clipPath id="clip-Format_Drives">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Format_Drives"
data-name="Format Drives"
clipPath="url(#clip-Format_Drives)"
>
<rect width="256" height="256" fill="#fff" />
<g id="Format_Drives_Icon" data-name="Format Drives Icon">
<g
id="Format_Drives_Icon-2"
data-name="Format Drives Icon"
transform="translate(0 -3)"
>
<g
id="Grupo_2430"
data-name="Grupo 2430"
transform="translate(0 10)"
clipPath="url(#clip-path)"
>
<path
id="Trazado_7192"
data-name="Trazado 7192"
d="M0,256.464v65.03c0,9.7,41.2,28.6,116.725,28.6s116.722-18.726,116.722-28.6v-65.13c-26.62,13.381-71.916,20.19-116.722,20.19S26.621,269.674,0,256.464M40.1,318.11A17.441,17.441,0,1,1,45.765,294.1,17.442,17.442,0,0,1,40.1,318.11"
transform="translate(0 -108.359)"
/>
<path
id="Trazado_7193"
data-name="Trazado 7193"
d="M223.775,18.83C207.485,9.744,170.954,0,116.724,0,41.2,0,0,18.9,0,28.6S41.2,57.2,116.724,57.2l0,0a393.878,393.878,0,0,0,42.7-2.213,48.4,48.4,0,0,0,.4,20.494,428.272,428.272,0,0,1-43.1,2.145c-44.807,0-90.1-6.877-116.724-20.19v61.728c0,9.7,41.2,28.6,116.724,28.6s116.722-18.9,116.722-28.6V104.95a48.484,48.484,0,0,0-9.672-86.12M40.1,121.058a17.441,17.441,0,1,1,5.666-24.006A17.441,17.441,0,0,1,40.1,121.058m167.186-18.426a38.3,38.3,0,1,1,38.3-38.3,38.3,38.3,0,0,1-38.3,38.3"
transform="translate(0)"
/>
<path
id="Trazado_7194"
data-name="Trazado 7194"
d="M352.322,69.425,344.043,77.7l-.913-.912a9.594,9.594,0,0,0-13.553,0L316.939,89.432a.185.185,0,0,0-.014.017.823.823,0,0,0-.054.065h0a1.109,1.109,0,0,0-.091.125c-.006.009-.013.016-.018.025l-4.4,7.751a1.091,1.091,0,0,0,.177,1.309l2.98,2.979v0l0,0,3.79,3.79,0,0,0,0,3.79,3.79v0h0l3.789,3.789,0,0,0,0,3.79,3.79v0h0l3.79,3.79,0,0,0,0,2.981,2.98a1.09,1.09,0,0,0,1.719-.233l4.327-7.623,12.534-12.534a9.6,9.6,0,0,0,0-13.553l-.912-.913,8.279-8.28a7.844,7.844,0,0,0-11.093-11.093M338,121.1l-1.383-1.385,2.27-4a1.091,1.091,0,0,0-1.9-1.077l-1.973,3.477-2.193-2.193,2.27-4a1.09,1.09,0,0,0-1.9-1.076l-1.973,3.477-2.194-2.195,2.27-4a1.09,1.09,0,0,0-1.9-1.077l-1.973,3.477-2.193-2.193,2.27-4a1.09,1.09,0,0,0-1.9-1.076l-1.973,3.477-2.194-2.194,2.27-4a1.09,1.09,0,0,0-1.9-1.077l-1.973,3.477-2.194-2.194,2.271-4a1.091,1.091,0,0,0-1.9-1.077l-1.973,3.477-1.382-1.382,3.283-5.784,23.33,23.33Z"
transform="translate(-131.967 -28.375)"
/>
</g>
</g>
<rect
id="Rectángulo_1044"
data-name="Rectángulo 1044"
width="256"
height="256"
fill="none"
/>
</g>
</g>
</svg>
);
export default FormatDrivesIcon;

91
portal-ui/src/icons/LifecycleConfigIcon.tsx Normal file
View File

@@ -0,0 +1,91 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const LifecycleConfigIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1035"
data-name="Rectángulo 1035"
width="210.934"
height="255.994"
fill="none"
/>
</clipPath>
<clipPath id="clip-Lifecycle_configuration">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Lifecycle_configuration"
data-name="Lifecycle configuration"
clipPath="url(#clip-Lifecycle_configuration)"
>
<rect width="256" height="256" fill="#fff" />
<g
id="Lifecycle_configuration_Icon"
data-name="Lifecycle configuration Icon"
>
<g
id="Grupo_2424"
data-name="Grupo 2424"
transform="translate(23.344 0.006)"
>
<g id="Grupo_2423" data-name="Grupo 2423" clipPath="url(#clip-path)">
<path
id="Trazado_7180"
data-name="Trazado 7180"
d="M75.518,71.671a11.964,11.964,0,0,0,16.92,0L118.06,46.047a11.963,11.963,0,0,0,0-16.92L92.437,3.5a11.964,11.964,0,0,0-16.92,16.92L82.892,27.8A104.264,104.264,0,0,0,0,129.712a11.964,11.964,0,1,0,23.928,0A80.279,80.279,0,0,1,75.4,54.879a11.959,11.959,0,0,0,.116,16.791"
transform="translate(0 0)"
/>
<path
id="Trazado_7181"
data-name="Trazado 7181"
d="M372.224,332.6a11.964,11.964,0,0,0-23.928,0,80.278,80.278,0,0,1-51.474,74.833,11.96,11.96,0,0,0-17.036-16.791l-25.623,25.623a11.914,11.914,0,0,0-3.011,5.053,12.017,12.017,0,0,0-.274,5.692,11.91,11.91,0,0,0,3.285,6.175l0,0,25.621,25.621a11.964,11.964,0,0,0,16.92-16.92l-7.374-7.375A104.262,104.262,0,0,0,372.224,332.6"
transform="translate(-161.29 -206.318)"
/>
<path
id="Trazado_7182"
data-name="Trazado 7182"
d="M225.178,323.044l6.176-4.656a24.5,24.5,0,0,0,2.824,1.184l1.1,7.65a2.82,2.82,0,0,0,2.824,2.428H249a2.827,2.827,0,0,0,2.824-2.428l1.1-7.65a25.862,25.862,0,0,0,2.824-1.184l6.178,4.628a2.822,2.822,0,0,0,3.7-.252l7.705-7.705a2.824,2.824,0,0,0,.255-3.7l-4.6-6.154a25.662,25.662,0,0,0,1.184-2.822l7.65-1.1a2.826,2.826,0,0,0,2.428-2.822V287.536a2.826,2.826,0,0,0-2.4-2.792l-7.648-1.1A26.6,26.6,0,0,0,269,280.821l4.633-6.183a2.817,2.817,0,0,0-.258-3.7l-7.7-7.762a2.814,2.814,0,0,0-3.693-.254l-6.187,4.656a25.437,25.437,0,0,0-2.823-1.184l-1.1-7.648a2.822,2.822,0,0,0-2.822-2.428H238.126a2.819,2.819,0,0,0-2.82,2.428l-1.1,7.648a25.448,25.448,0,0,0-2.824,1.184l-6.2-4.656a2.83,2.83,0,0,0-3.705.254l-7.7,7.705a2.817,2.817,0,0,0-.258,3.7l4.661,6.183a24.842,24.842,0,0,0-1.193,2.822l-7.643,1.1a2.822,2.822,0,0,0-2.429,2.823V298.4a2.822,2.822,0,0,0,2.429,2.823l7.643,1.1a24.549,24.549,0,0,0,1.193,2.823l-4.661,6.238a2.821,2.821,0,0,0,.258,3.7l7.7,7.705a2.833,2.833,0,0,0,3.705.252m9.93-30.056a8.466,8.466,0,1,1,16.931-.007v.007a8.464,8.464,0,0,1-8.46,8.468h-.008a8.465,8.465,0,0,1-8.463-8.467Z"
transform="translate(-133.14 -164.935)"
/>
</g>
</g>
<rect
id="Rectángulo_1036"
data-name="Rectángulo 1036"
width="256"
height="256"
fill="none"
/>
</g>
</g>
</svg>
);
export default LifecycleConfigIcon;

87
portal-ui/src/icons/NewPoolIcon.tsx Normal file
View File

@@ -0,0 +1,87 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const NewPoolIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1005"
data-name="Rectángulo 1005"
width="228.951"
height="256"
fill="none"
/>
</clipPath>
<clipPath id="clip-Expand_Tenant:_Add_Pools">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Expand_Tenant:_Add_Pools"
data-name="Expand Tenant: Add Pools"
clipPath="url(#clip-Expand_Tenant:_Add_Pools)"
>
<rect width="256" height="256" fill="#fff" />
<g id="Expand_Tenants_Add_Pools" data-name="Expand Tenants Add Pools">
<g id="Grupo_2392" data-name="Grupo 2392" transform="translate(14)">
<g id="Grupo_2391" data-name="Grupo 2391" clipPath="url(#clip-path)">
<path
id="Trazado_7129"
data-name="Trazado 7129"
d="M210.46,96.042a56.244,56.244,0,1,0-90.223-64.6A71.157,71.157,0,0,0,0,83.178v0A71.315,71.315,0,0,0,62.4,154l-1.316,24.278c-.121-.006-.238-.018-.354-.018a17.611,17.611,0,0,0,0,35.223h0a17.613,17.613,0,0,0,10.082-32.025l1.464-26.922a70.737,70.737,0,0,0,30.53-7.391l37.678,49.042a35.174,35.174,0,1,0,60.272,24.6h0a35.181,35.181,0,0,0-35.132-35.228h0a34.864,34.864,0,0,0-17.3,4.589L111.4,142.085a71.574,71.574,0,0,0,24.769-29.736l43.156,6.286c-.028.495-.075.985-.075,1.484A24.849,24.849,0,1,0,210.46,96.042m-39.406,4.639A44.437,44.437,0,1,1,215.49,56.244a44.437,44.437,0,0,1-44.437,44.437"
transform="translate(0)"
fill="#4ccb92"
/>
<path
id="Trazado_7130"
data-name="Trazado 7130"
d="M224.419,96.438l-6.231-6.231V108.9H236.88l-6.23-6.231L243.11,90.207l-6.231-6.23Z"
transform="translate(-72.057 -27.733)"
fill="#4ccb92"
/>
<path
id="Trazado_7131"
data-name="Trazado 7131"
d="M267.86,53,255.4,65.457l6.23,6.231L274.09,59.227l6.231,6.23V46.766H261.629Z"
transform="translate(-84.346 -15.444)"
fill="#4ccb92"
/>
</g>
</g>
<rect
id="Rectángulo_1006"
data-name="Rectángulo 1006"
width="256"
height="256"
fill="none"
/>
</g>
</g>
</svg>
);
export default NewPoolIcon;

84
portal-ui/src/icons/ObjectPreviewIcon.tsx Normal file
View File

@@ -0,0 +1,84 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const ObjectPreviewIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1031"
data-name="Rectángulo 1031"
width="217"
height="256.004"
fill="none"
/>
</clipPath>
<clipPath id="clip-Object_Preview">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Object_Preview"
data-name="Object Preview"
clipPath="url(#clip-Object_Preview)"
>
<rect width="256" height="256" fill="#fff" />
<g id="Object_Preview_Icon" data-name="Object Preview Icon">
<g id="Grupo_2420" data-name="Grupo 2420" transform="translate(20)">
<g id="Grupo_2419" data-name="Grupo 2419" clipPath="url(#clip-path)">
<path
id="Trazado_7171"
data-name="Trazado 7171"
d="M110.1,110.805A28.093,28.093,0,1,0,138.137,138.9,28.063,28.063,0,0,0,110.1,110.805m-.064,42.209a14.079,14.079,0,1,1,14.05-14.079,14.065,14.065,0,0,1-14.05,14.079"
transform="translate(-0.168)"
/>
<path
id="Trazado_7172"
data-name="Trazado 7172"
d="M216.564,77.2c.166-6.9.359-13.945.413-21h-31.1A25.6,25.6,0,0,1,160.334,30.6l0-30.544q-3.775.06-7.553.148c-4.892.108-9.79.228-14.681.208C114.67.31,91.212.733,67.766.824c-2.8.016-5.619.016-8.444.016H17.216A17.241,17.241,0,0,0,0,18.08V238.769A17.238,17.238,0,0,0,17.216,256l182.163,0a17.226,17.226,0,0,0,17.2-17.235V128.815c0-17.186-.424-34.46-.013-51.618m-34.353,71.335a86.569,86.569,0,0,1-144.462,0,17.428,17.428,0,0,1,0-19.27,86.569,86.569,0,0,1,144.462,0,17.435,17.435,0,0,1,0,19.27"
transform="translate(0)"
/>
<path
id="Trazado_7173"
data-name="Trazado 7173"
d="M203.277,0H171.758V22.411c-1.233,19.062,12.107,22.137,22.106,22.151h23.489V13.406c0-7.007-7.08-13.4-14.074-13.406"
transform="translate(-0.351)"
/>
</g>
</g>
<rect
id="Rectángulo_1032"
data-name="Rectángulo 1032"
width="256"
height="256"
fill="none"
/>
</g>
</g>
</svg>
);
export default ObjectPreviewIcon;

85
portal-ui/src/icons/ServiceAccountCredentialsIcon.tsx Normal file
View File

@@ -0,0 +1,85 @@
// 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 <http://www.gnu.org/licenses/>.
import * as React from "react";
import { SVGProps } from "react";
const ServiceAccountCredentialsIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1007"
data-name="Rectángulo 1007"
width="256"
height="174.517"
fill="none"
/>
</clipPath>
<clipPath id="clip-New_Service_Account_Created">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="New_Service_Account_Created"
data-name="New Service Account Created"
clipPath="url(#clip-New_Service_Account_Created)"
>
<rect width="256" height="256" fill="#fff" />
<g
id="Create_Service_Account_Icon"
data-name="Create Service Account Icon"
>
<rect
id="Rectángulo_1006"
data-name="Rectángulo 1006"
width="256"
height="256"
fill="none"
/>
<g
id="Grupo_2394"
data-name="Grupo 2394"
transform="translate(0 41.709)"
>
<g
id="Grupo_2393"
data-name="Grupo 2393"
transform="translate(0 -0.001)"
clipPath="url(#clip-path)"
>
<path
id="Trazado_7132"
data-name="Trazado 7132"
d="M209.54,0a46.254,46.254,0,0,0-29.083,10.24H27.839a27.482,27.482,0,0,0-10.808,2.2A28.109,28.109,0,0,0,2.2,27.269,27.507,27.507,0,0,0,0,38.078v108.6a27.507,27.507,0,0,0,2.2,10.809,28.112,28.112,0,0,0,14.834,14.834,27.5,27.5,0,0,0,10.808,2.2H195.985a27.5,27.5,0,0,0,10.808-2.2,28.11,28.11,0,0,0,14.833-14.834,27.486,27.486,0,0,0,2.2-10.809v-56A46.462,46.462,0,0,0,209.54,0m-5.828,67.986V53.635H189.362V39.283h14.351V24.933h14.351V39.283h14.351V53.635H218.064V67.985Zm-69.071,1.7h34.67a46.667,46.667,0,0,0,17.844,17.486H134.641a8.743,8.743,0,1,1,0-17.486M68.625,23.35h0c19.765,0,35.837,16.716,35.837,37.255a38.068,38.068,0,0,1-2.816,14.482,37.124,37.124,0,0,1-7.674,11.841,35.566,35.566,0,0,1-11.39,8A34.44,34.44,0,0,1,68.65,97.872h-.025C48.872,97.872,32.8,81.148,32.8,60.606S48.872,23.35,68.625,23.35m41.452,122.5a16.272,16.272,0,0,1-14.76,9.426H38.868a16.474,16.474,0,0,1-14.823-9.289,19.517,19.517,0,0,1,1.376-19.337l.013-.014c.051-.08.111-.164.162-.236l.056-.078c.24-.358.435-.637.635-.9a51.4,51.4,0,0,1,38.031-20.735c.806-.046,1.673-.07,2.578-.07v0a48.828,48.828,0,0,1,11.065,1.3,52.471,52.471,0,0,1,10.723,3.8,51.858,51.858,0,0,1,19.446,16.116,19.952,19.952,0,0,1,1.946,20.028m85.765,8.641h-61.2a8.743,8.743,0,1,1,0-17.486h61.2a8.743,8.743,0,1,1,0,17.486m0-33.223h-61.2a8.743,8.743,0,1,1,0-17.485h61.2a8.743,8.743,0,1,1,0,17.485m13.976-38.1a36.707,36.707,0,1,1,36.707-36.707,36.707,36.707,0,0,1-36.707,36.707"
transform="translate(0 0.001)"
fill="#4ccb92"
/>
</g>
</g>
</g>
</g>
</svg>
);
export default ServiceAccountCredentialsIcon;

23
portal-ui/src/icons/index.ts
View File

@@ -119,3 +119,26 @@ export { default as WarnIcon } from "./WarnIcon";
export { default as WarpIcon } from "./WarpIcon";
export { default as WatchIcon } from "./WatchIcon";
export { default as LoginMinIOLogo } from "./LoginMinIOLogo";
/*Modal Title Icons **/
export { default as AddAccessRuleIcon } from "./AddAccessRuleIcon";
export { default as AddMembersToGroupIcon } from "./AddMembersToGroupIcon";
export { default as AddNewTagIcon } from "./AddNewTagIcon";
export { default as ChangeAccessPolicyIcon } from "./ChangeAccessPolicyIcon";
export { default as ChangePasswordIcon } from "./ChangePasswordIcon";
export { default as CreateGroupIcon } from "./CreateGroupIcon";
export { default as CreateNewPathIcon } from "./CreateNewPathIcon";
export { default as CreateUserIcon } from "./CreateUserIcon";
export { default as DriveFormatErrorsIcon } from "./DriveFormatErrorsIcon";
export { default as EditYamlIcon } from "./EditYamlIcon";
export { default as BucketEncryptionIcon } from "./BucketEncryptionIcon";
export { default as BucketQuotaIcon } from "./BucketQuotaIcon";
export { default as NewPoolIcon } from "./NewPoolIcon";
export { default as FormatDrivesIcon } from "./FormatDrivesIcon";
export { default as LifecycleConfigIcon } from "./LifecycleConfigIcon";
export { default as ServiceAccountCredentialsIcon } from "./ServiceAccountCredentialsIcon";
export { default as ObjectPreviewIcon } from "./ObjectPreviewIcon";
export { default as BucketReplicationIcon } from "./BucketReplicationIcon";
export { default as EventSubscriptionIcon } from "./EventSubscriptionIcon";
export { default as ConfirmModalIcon } from "./ConfirmModalIcon";
export { default as ConfirmDeleteIcon } from "./ConfirmDeleteIcon";

2
portal-ui/src/screens/Console/Account/ChangePasswordModal.tsx
View File

@@ -33,6 +33,7 @@ import { ChangePasswordRequest } from "../Buckets/types";
import { setModalErrorSnackMessage } from "../../../actions";
import { ErrorResponseHandler } from "../../../common/types";
import api from "../../../common/api";
import { ChangePasswordIcon } from "../../../icons";
const styles = (theme: Theme) =>
createStyles({
@@ -120,6 +121,7 @@ const ChangePassword = ({
setCurrentPassword("");
closeModal();
}}
titleIcon={<ChangePasswordIcon />}
>
<form
noValidate

2
portal-ui/src/screens/Console/Account/ChangeUserPasswordModal.tsx
View File

@@ -33,6 +33,7 @@ import { ChangeUserPasswordRequest } from "../Buckets/types";
import { setModalErrorSnackMessage } from "../../../actions";
import { ErrorResponseHandler } from "../../../common/types";
import api from "../../../common/api";
import { ChangePasswordIcon } from "../../../icons";
const styles = (theme: Theme) =>
createStyles({
@@ -111,6 +112,7 @@ const ChangeUserPassword = ({
setReNewPassword("");
closeModal();
}}
titleIcon={<ChangePasswordIcon />}
>
<form
noValidate

2
portal-ui/src/screens/Console/Account/DeleteServiceAccount.tsx
View File

@@ -24,6 +24,7 @@ import { setErrorSnackMessage } from "../../../actions";
import { ErrorResponseHandler } from "../../../common/types";
import useApi from "../Common/Hooks/useApi";
import ConfirmDialog from "../Common/ModalWrapper/ConfirmDialog";
import { ConfirmDeleteIcon } from "../../../icons";
const styles = (theme: Theme) =>
createStyles({
@@ -71,6 +72,7 @@ const DeleteServiceAccount = ({
title={`Delete Service Account`}
confirmText={"Delete"}
isOpen={deleteOpen}
titleIcon={<ConfirmDeleteIcon />}
isLoading={deleteLoading}
onConfirm={onConfirmDelete}
onClose={onClose}

2
portal-ui/src/screens/Console/Buckets/BucketDetails/AddAccessRule.tsx
View File

@@ -31,6 +31,7 @@ import { ErrorResponseHandler } from "../../../../common/types";
import { setErrorSnackMessage } from "../../../../actions";
import { AppState } from "../../../../store";
import SelectWrapper from "../../Common/FormComponents/SelectWrapper/SelectWrapper";
import { AddAccessRuleIcon } from "../../../../icons";
const mapState = (state: AppState) => ({
session: state.console.session,
@@ -91,6 +92,7 @@ const AddAccessRule = ({
modalOpen={modalOpen}
title="Add Access Rule"
onClose={onClose}
titleIcon={<AddAccessRuleIcon />}
>
<Grid container>
<Grid item xs={12} className={classes.formFieldRow}>

2
portal-ui/src/screens/Console/Buckets/BucketDetails/AddBucketTagModal.tsx
View File

@@ -32,6 +32,7 @@ import { ErrorResponseHandler } from "../../../../common/types";
import InputBoxWrapper from "../../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
import ModalWrapper from "../../Common/ModalWrapper/ModalWrapper";
import api from "../../../../common/api";
import { AddNewTagIcon } from "../../../../icons";
interface IBucketTagModal {
modalOpen: boolean;
@@ -94,6 +95,7 @@ const AddBucketTagModal = ({
onClose={() => {
onCloseAndUpdate(false);
}}
titleIcon={<AddNewTagIcon />}
>
<Grid container>
<div className={classes.spacerBottom}>

2
portal-ui/src/screens/Console/Buckets/BucketDetails/AddEvent.tsx
View File

@@ -38,6 +38,7 @@ import { ErrorResponseHandler } from "../../../../common/types";
import ModalWrapper from "../../Common/ModalWrapper/ModalWrapper";
import InputBoxWrapper from "../../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
import AutocompleteWrapper from "../../Common/FormComponents/AutocompleteWrapper/AutocompleteWrapper";
import { EventSubscriptionIcon } from "../../../../icons";
const styles = (theme: Theme) =>
createStyles({
@@ -160,6 +161,7 @@ const AddEvent = ({
closeModalAndRefresh();
}}
title="Subscribe To Bucket Events"
titleIcon={<EventSubscriptionIcon />}
>
<form
noValidate

2
portal-ui/src/screens/Console/Buckets/BucketDetails/AddLifecycleModal.tsx
View File

@@ -42,6 +42,7 @@ import {
modalStyleUtils,
spacingUtils,
} from "../../Common/FormComponents/common/styleLibrary";
import { LifecycleConfigIcon } from "../../../../icons";
interface IReplicationModal {
open: boolean;
@@ -238,6 +239,7 @@ const AddLifecycleModal = ({
closeModalAndRefresh(false);
}}
title="Add Lifecycle Rule"
titleIcon={<LifecycleConfigIcon />}
>
{loadingTiers && (
<Grid container className={classes.loadingBox}>

2
portal-ui/src/screens/Console/Buckets/BucketDetails/AddReplicationModal.tsx
View File

@@ -38,6 +38,7 @@ import SelectWrapper from "../../Common/FormComponents/SelectWrapper/SelectWrapp
import FormSwitchWrapper from "../../Common/FormComponents/FormSwitchWrapper/FormSwitchWrapper";
import { getBytes, k8sfactorForDropdown } from "../../../../common/utils";
import QueryMultiSelector from "../../Common/FormComponents/QueryMultiSelector/QueryMultiSelector";
import { BucketReplicationIcon } from "../../../../icons";
interface IReplicationModal {
open: boolean;
@@ -170,6 +171,7 @@ const AddReplicationModal = ({
closeModalAndRefresh();
}}
title="Set Bucket Replication"
titleIcon={<BucketReplicationIcon />}
>
<form
noValidate

2
portal-ui/src/screens/Console/Buckets/BucketDetails/DeleteAccessRule.tsx
View File

@@ -26,6 +26,7 @@ import { setErrorSnackMessage } from "../../../../actions";
import { AppState } from "../../../../store";
import useApi from "../../Common/Hooks/useApi";
import ConfirmDialog from "../../Common/ModalWrapper/ConfirmDialog";
import { ConfirmDeleteIcon } from "../../../../icons";
const mapState = (state: AppState) => ({
session: state.console.session,
@@ -69,6 +70,7 @@ const DeleteAccessRule = ({
isOpen={modalOpen}
isLoading={deleteLoading}
onConfirm={onConfirmDelete}
titleIcon={<ConfirmDeleteIcon />}
onClose={onClose}
confirmationContent={
<DialogContentText>

2
portal-ui/src/screens/Console/Buckets/BucketDetails/DeleteBucketTagModal.tsx
View File

@@ -27,6 +27,7 @@ import { AppState } from "../../../../store";
import { ErrorResponseHandler } from "../../../../common/types";
import useApi from "../../Common/Hooks/useApi";
import ConfirmDialog from "../../Common/ModalWrapper/ConfirmDialog";
import { ConfirmDeleteIcon } from "../../../../icons";
interface IDeleteBucketTagModal {
deleteOpen: boolean;
@@ -78,6 +79,7 @@ const DeleteBucketTagModal = ({
title={`Delete Tag`}
confirmText={"Delete"}
isOpen={deleteOpen}
titleIcon={<ConfirmDeleteIcon />}
isLoading={deleteLoading}
onConfirm={onConfirmDelete}
onClose={onClose}

2
portal-ui/src/screens/Console/Buckets/BucketDetails/DeleteEvent.tsx
View File

@@ -23,6 +23,7 @@ import { setErrorSnackMessage } from "../../../../actions";
import { ErrorResponseHandler } from "../../../../common/types";
import useApi from "../../Common/Hooks/useApi";
import ConfirmDialog from "../../Common/ModalWrapper/ConfirmDialog";
import { ConfirmDeleteIcon } from "../../../../icons";
interface IDeleteEventProps {
closeDeleteModalAndRefresh: (refresh: boolean) => void;
@@ -74,6 +75,7 @@ const DeleteEvent = ({
title={`Delete Event`}
confirmText={"Delete"}
isOpen={deleteOpen}
titleIcon={<ConfirmDeleteIcon />}
isLoading={deleteLoading}
onConfirm={onConfirmDelete}
onClose={onClose}

2
portal-ui/src/screens/Console/Buckets/BucketDetails/DeleteReplicationRule.tsx
View File

@@ -21,6 +21,7 @@ import { setErrorSnackMessage } from "../../../../actions";
import { ErrorResponseHandler } from "../../../../common/types";
import useApi from "../../Common/Hooks/useApi";
import ConfirmDialog from "../../Common/ModalWrapper/ConfirmDialog";
import { ConfirmDeleteIcon } from "../../../../icons";
interface IDeleteReplicationProps {
closeDeleteModalAndRefresh: (refresh: boolean) => void;
@@ -59,6 +60,7 @@ const DeleteReplicationRule = ({
title={`Delete Replication Rule`}
confirmText={"Delete"}
isOpen={deleteOpen}
titleIcon={<ConfirmDeleteIcon />}
isLoading={deleteLoading}
onConfirm={onConfirmDelete}
onClose={onClose}

20
portal-ui/src/screens/Console/Buckets/BucketDetails/EditAccessRule.tsx
View File

@@ -20,13 +20,17 @@ import { Button, Grid } from "@mui/material";
import { Theme } from "@mui/material/styles";
import createStyles from "@mui/styles/createStyles";
import withStyles from "@mui/styles/withStyles";
import { modalBasic } from "../../Common/FormComponents/common/styleLibrary";
import {
modalStyleUtils,
spacingUtils,
} from "../../Common/FormComponents/common/styleLibrary";
import { connect } from "react-redux";
import api from "../../../../common/api";
import { ErrorResponseHandler } from "../../../../common/types";
import { setErrorSnackMessage } from "../../../../actions";
import { AppState } from "../../../../store";
import SelectWrapper from "../../Common/FormComponents/SelectWrapper/SelectWrapper";
import { AddAccessRuleIcon } from "../../../../icons";
const mapState = (state: AppState) => ({
session: state.console.session,
@@ -48,7 +52,8 @@ const styles = (theme: Theme) =>
buttonContainer: {
textAlign: "right",
},
...modalBasic,
...modalStyleUtils,
...spacingUtils,
});
const EditAccessRule = ({
@@ -92,9 +97,10 @@ const EditAccessRule = ({
modalOpen={modalOpen}
title={`Edit Access Rule for ${toEdit}`}
onClose={onClose}
titleIcon={<AddAccessRuleIcon />}
>
<Grid container>
<Grid item xs={12}>
<Grid item xs={12} className={classes.spacerTop}>
<SelectWrapper
id="access"
name="Access"
@@ -107,15 +113,15 @@ const EditAccessRule = ({
disabled={false}
/>
</Grid>
<Grid item xs={12} className={classes.buttonContainer}>
<button
<Grid item xs={12} className={classes.modalButtonBar}>
<Button
type="button"
color="primary"
className={classes.clearButton}
variant="outlined"
onClick={resetForm}
>
Clear
</button>
</Button>
<Button
type="submit"
variant="contained"

2
portal-ui/src/screens/Console/Buckets/BucketDetails/EditLifecycleConfiguration.tsx
View File

@@ -30,6 +30,7 @@ import ModalWrapper from "../../Common/ModalWrapper/ModalWrapper";
import InputBoxWrapper from "../../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
import FormSwitchWrapper from "../../Common/FormComponents/FormSwitchWrapper/FormSwitchWrapper";
import QueryMultiSelector from "../../Common/FormComponents/QueryMultiSelector/QueryMultiSelector";
import { LifecycleConfigIcon } from "../../../../icons";
const styles = (theme: Theme) =>
createStyles({
@@ -114,6 +115,7 @@ const EditLifecycleConfiguration = ({
}}
modalOpen={open}
title={"Edit Lifecycle Configuration"}
titleIcon={<LifecycleConfigIcon />}
>
<div className={classes.floatingEnabled}>
<FormSwitchWrapper

2
portal-ui/src/screens/Console/Buckets/BucketDetails/EnableBucketEncryption.tsx
View File

@@ -32,6 +32,7 @@ import api from "../../../../common/api";
import ModalWrapper from "../../Common/ModalWrapper/ModalWrapper";
import InputBoxWrapper from "../../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
import SelectWrapper from "../../Common/FormComponents/SelectWrapper/SelectWrapper";
import { BucketEncryptionIcon } from "../../../../icons";
const styles = (theme: Theme) =>
createStyles({
@@ -112,6 +113,7 @@ const EnableBucketEncryption = ({
closeModalAndRefresh();
}}
title="Enable Bucket Encryption"
titleIcon={<BucketEncryptionIcon />}
>
<form
noValidate

2
portal-ui/src/screens/Console/Buckets/BucketDetails/EnableQuota.tsx
View File

@@ -35,6 +35,7 @@ import InputBoxWrapper from "../../Common/FormComponents/InputBoxWrapper/InputBo
import ModalWrapper from "../../Common/ModalWrapper/ModalWrapper";
import SelectWrapper from "../../Common/FormComponents/SelectWrapper/SelectWrapper";
import api from "../../../../common/api";
import { BucketQuotaIcon } from "../../../../icons";
const styles = (theme: Theme) =>
createStyles({
@@ -122,6 +123,7 @@ const EnableQuota = ({
closeModalAndRefresh();
}}
title="Enable Bucket Quota"
titleIcon={<BucketQuotaIcon />}
>
<form
noValidate

2
portal-ui/src/screens/Console/Buckets/BucketDetails/EnableVersioningModal.tsx
View File

@@ -21,6 +21,7 @@ import api from "../../../../common/api";
import { setErrorSnackMessage } from "../../../../actions";
import { ErrorResponseHandler } from "../../../../common/types";
import ConfirmDialog from "../../Common/ModalWrapper/ConfirmDialog";
import { ConfirmModalIcon } from "../../../../icons";
interface IVersioningEventProps {
closeVersioningModalAndRefresh: (refresh: boolean) => void;
@@ -65,6 +66,7 @@ const EnableVersioningModal = ({
confirmText={versioningCurrentState ? "Disable" : "Enable"}
isOpen={modalOpen}
isLoading={versioningLoading}
titleIcon={<ConfirmModalIcon />}
onConfirm={enableVersioning}
confirmButtonProps={{
color: "primary",

2
portal-ui/src/screens/Console/Buckets/BucketDetails/SetAccessPolicy.tsx
View File

@@ -30,6 +30,7 @@ import { ErrorResponseHandler } from "../../../../common/types";
import api from "../../../../common/api";
import ModalWrapper from "../../Common/ModalWrapper/ModalWrapper";
import SelectWrapper from "../../Common/FormComponents/SelectWrapper/SelectWrapper";
import { ChangeAccessPolicyIcon } from "../../../../icons";
const styles = (theme: Theme) =>
createStyles({
@@ -87,6 +88,7 @@ const SetAccessPolicy = ({
onClose={() => {
closeModalAndRefresh();
}}
titleIcon={<ChangeAccessPolicyIcon />}
>
<form
noValidate

2
portal-ui/src/screens/Console/Buckets/ListBuckets/DeleteBucket.tsx
View File

@@ -21,6 +21,7 @@ import { setErrorSnackMessage } from "../../../../actions";
import { ErrorResponseHandler } from "../../../../common/types";
import useApi from "../../Common/Hooks/useApi";
import ConfirmDialog from "../../Common/ModalWrapper/ConfirmDialog";
import { ConfirmDeleteIcon } from "../../../../icons";
interface IDeleteBucketProps {
closeDeleteModalAndRefresh: (refresh: boolean) => void;
@@ -56,6 +57,7 @@ const DeleteBucket = ({
title={`Delete Bucket`}
confirmText={"Delete"}
isOpen={deleteOpen}
titleIcon={<ConfirmDeleteIcon />}
isLoading={deleteLoading}
onConfirm={onConfirmDelete}
onClose={onClose}

2
portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/CreateFolderModal.tsx
View File

@@ -31,6 +31,7 @@ import history from "../../../../../../history";
import { decodeFileName, encodeFileName } from "../../../../../../common/utils";
import { setModalErrorSnackMessage } from "../../../../../../actions";
import { BucketObject } from "./types";
import { CreateNewPathIcon } from "../../../../../../icons";
interface ICreateFolder {
classes: any;
@@ -107,6 +108,7 @@ const CreateFolderModal = ({
modalOpen={modalOpen}
title="Choose or create a new path"
onClose={onClose}
titleIcon={<CreateNewPathIcon />}
>
<Grid container>
<Grid item xs={12} className={classes.formFieldRow}>

2
portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/DeleteMultipleObjects.tsx
View File

@@ -21,6 +21,7 @@ import { setErrorSnackMessage } from "../../../../../../actions";
import { ErrorResponseHandler } from "../../../../../../common/types";
import useApi from "../../../../Common/Hooks/useApi";
import ConfirmDialog from "../../../../Common/ModalWrapper/ConfirmDialog";
import { ConfirmDeleteIcon } from "../../../../../../icons";
interface IDeleteObjectProps {
closeDeleteModalAndRefresh: (refresh: boolean) => void;
@@ -78,6 +79,7 @@ const DeleteObject = ({
title={`Delete Objects`}
confirmText={"Delete"}
isOpen={deleteOpen}
titleIcon={<ConfirmDeleteIcon />}
isLoading={deleteLoading}
onConfirm={onConfirmDelete}
onClose={onClose}

2
portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/DeleteObject.tsx
View File

@@ -22,6 +22,7 @@ import { ErrorResponseHandler } from "../../../../../../common/types";
import { decodeFileName } from "../../../../../../common/utils";
import ConfirmDialog from "../../../../Common/ModalWrapper/ConfirmDialog";
import useApi from "../../../../Common/Hooks/useApi";
import { ConfirmDeleteIcon } from "../../../../../../icons";
interface IDeleteObjectProps {
closeDeleteModalAndRefresh: (refresh: boolean) => void;
@@ -61,6 +62,7 @@ const DeleteObject = ({
title={`Delete Object`}
confirmText={"Delete"}
isOpen={deleteOpen}
titleIcon={<ConfirmDeleteIcon />}
isLoading={deleteLoading}
onConfirm={onConfirmDelete}
onClose={onClose}

2
portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/AddTagModal.tsx
View File

@@ -33,6 +33,7 @@ import {
modalStyleUtils,
spacingUtils,
} from "../../../../Common/FormComponents/common/styleLibrary";
import { AddNewTagIcon } from "../../../../../../icons";
interface ITagModal {
modalOpen: boolean;
@@ -110,6 +111,7 @@ const AddTagModal = ({
onClose={() => {
onCloseAndUpdate(false);
}}
titleIcon={<AddNewTagIcon />}
>
<Grid container>
<div className={classes.spacerBottom}>

2
portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/DeleteTagModal.tsx
View File

@@ -27,6 +27,7 @@ import { ErrorResponseHandler } from "../../../../../../common/types";
import { encodeFileName } from "../../../../../../common/utils";
import useApi from "../../../../Common/Hooks/useApi";
import ConfirmDialog from "../../../../Common/ModalWrapper/ConfirmDialog";
import { ConfirmDeleteIcon } from "../../../../../../icons";
interface IDeleteTagModal {
deleteOpen: boolean;
@@ -87,6 +88,7 @@ const DeleteTagModal = ({
title={`Delete Tag`}
confirmText={"Delete"}
isOpen={deleteOpen}
titleIcon={<ConfirmDeleteIcon />}
isLoading={deleteLoading}
onConfirm={onConfirmDelete}
onClose={onClose}

2
portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/Preview/PreviewFileModal.tsx
View File

@@ -18,6 +18,7 @@ import React, { Fragment } from "react";
import ModalWrapper from "../../../../Common/ModalWrapper/ModalWrapper";
import PreviewFileContent from "./PreviewFileContent";
import { BucketObject } from "../ListObjects/types";
import { ObjectPreviewIcon } from "../../../../../../icons";
interface IPreviewFileProps {
open: boolean;
@@ -39,6 +40,7 @@ const PreviewFileModal = ({
title={`Preview - ${object?.name}`}
onClose={onClosePreview}
wideLimit={false}
titleIcon={<ObjectPreviewIcon />}
>
<PreviewFileContent bucketName={bucketName} object={object} />
</ModalWrapper>

3
portal-ui/src/screens/Console/Common/CredentialsPrompt/CredentialsPrompt.tsx
View File

@@ -26,7 +26,7 @@ import Grid from "@mui/material/Grid";
import CredentialItem from "./CredentialItem";
import NewAccountIcon from "../../../../icons/NewAccountIcon";
import WarnIcon from "../../../../icons/WarnIcon";
import { DownloadIcon } from "../../../../icons";
import { DownloadIcon, ServiceAccountCredentialsIcon } from "../../../../icons";
const styles = (theme: Theme) =>
createStyles({
@@ -123,6 +123,7 @@ const CredentialsPrompt = ({
<div>New {entity} Created</div>
</div>
}
titleIcon={<ServiceAccountCredentialsIcon />}
>
<Grid container>
<Grid item xs={12} className={classes.formScrollable}>

5
portal-ui/src/screens/Console/Common/FormComponents/common/styleLibrary.ts
View File

@@ -1160,6 +1160,11 @@ export const deleteDialogStyles = {
titleText: {
fontSize: "1rem",
fontWeight: 600,
display: "flex",
alignItems: "center",
"& svg": {
marginRight: 10,
},
},
closeContainer: {
"& .MuiIconButton-root": {

6
portal-ui/src/screens/Console/Common/ModalWrapper/ConfirmDialog.tsx
View File

@@ -33,6 +33,7 @@ type ConfirmDialogProps = {
confirmText?: string;
confirmButtonProps?: Partial<ButtonProps>;
cancelButtonProps?: Partial<ButtonProps>;
titleIcon?: React.ReactNode;
};
const ConfirmDialog = ({
@@ -48,6 +49,7 @@ const ConfirmDialog = ({
confirmText = "Confirm",
confirmButtonProps = {},
cancelButtonProps = {},
titleIcon = null,
}: ConfirmDialogProps) => {
return (
<Dialog
@@ -65,7 +67,9 @@ const ConfirmDialog = ({
}}
>
<DialogTitle className={classes.title}>
<div className={classes.titleText}>{title}</div>
<div className={classes.titleText}>
{titleIcon} {title}
</div>
<div className={classes.closeContainer}>
<IconButton
aria-label="close"

6
portal-ui/src/screens/Console/Common/ModalWrapper/ModalWrapper.tsx
View File

@@ -41,6 +41,7 @@ interface IModalProps {
modalSnackMessage?: snackBarMessage;
noContentPadding?: boolean;
setModalSnackMessage: typeof setModalSnackMessage;
titleIcon?: React.ReactNode;
}
const styles = (theme: Theme) =>
@@ -72,6 +73,7 @@ const ModalWrapper = ({
modalSnackMessage,
noContentPadding,
setModalSnackMessage,
titleIcon = null,
}: IModalProps) => {
const [openSnackbar, setOpenSnackbar] = useState<boolean>(false);
@@ -131,7 +133,9 @@ const ModalWrapper = ({
className={classes.root}
>
<DialogTitle className={classes.title}>
<div className={classes.titleText}>{title}</div>
<div className={classes.titleText}>
{titleIcon} {title}
</div>
<div className={classes.closeContainer}>
<IconButton
aria-label="close"

2
portal-ui/src/screens/Console/DirectCSI/FormatDrives.tsx
View File

@@ -25,6 +25,7 @@ import InputBoxWrapper from "../Common/FormComponents/InputBoxWrapper/InputBoxWr
import PredefinedList from "../Common/FormComponents/PredefinedList/PredefinedList";
import FormSwitchWrapper from "../Common/FormComponents/FormSwitchWrapper/FormSwitchWrapper";
import ConfirmDialog from "../Common/ModalWrapper/ConfirmDialog";
import { FormatDrivesIcon } from "../../../icons";
interface IFormatAllDrivesProps {
closeFormatModalAndRefresh: (
@@ -82,6 +83,7 @@ const FormatDrives = ({
onClose={() => {
closeFormatModalAndRefresh(false, []);
}}
titleIcon={<FormatDrivesIcon />}
confirmationContent={
<React.Fragment>
<DialogContentText>

2
portal-ui/src/screens/Console/DirectCSI/FormatErrorsResult.tsx
View File

@@ -22,6 +22,7 @@ import ModalWrapper from "../Common/ModalWrapper/ModalWrapper";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import { IDirectCSIFormatResItem } from "./types";
import { modalStyleUtils } from "../Common/FormComponents/common/styleLibrary";
import { DriveFormatErrorsIcon } from "../../../icons";
interface IFormatErrorsProps {
open: boolean;
@@ -68,6 +69,7 @@ const FormatErrorsResult = ({
modalOpen={open}
title={"Format Errors"}
onClose={onCloseFormatErrorsList}
titleIcon={<DriveFormatErrorsIcon />}
>
<Grid container>
<Grid item xs={12} className={classes.modalFormScrollable}>

2
portal-ui/src/screens/Console/Groups/AddGroup.tsx
View File

@@ -34,6 +34,7 @@ import ModalWrapper from "../Common/ModalWrapper/ModalWrapper";
import InputBoxWrapper from "../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
import FormSwitchWrapper from "../Common/FormComponents/FormSwitchWrapper/FormSwitchWrapper";
import PredefinedList from "../Common/FormComponents/PredefinedList/PredefinedList";
import { CreateGroupIcon } from "../../../icons";
interface IGroupProps {
open: boolean;
@@ -179,6 +180,7 @@ const AddGroup = ({
modalOpen={open}
onClose={closeModalAndRefresh}
title={selectedGroup !== null ? `Edit Group` : "Create Group"}
titleIcon={<CreateGroupIcon />}
>
{selectedGroup !== null && (
<div className={classes.floatingEnabled}>

8
portal-ui/src/screens/Console/Groups/AddGroupMember.tsx
View File

@@ -16,6 +16,7 @@ import {
modalStyleUtils,
} from "../Common/FormComponents/common/styleLibrary";
import withStyles from "@mui/styles/withStyles";
import { AddMembersToGroupIcon } from "../../../icons";
type UserPickerModalProps = {
classes?: any;
@@ -73,7 +74,12 @@ const AddGroupMember = ({
}
return (
<ModalWrapper modalOpen={open} onClose={onClose} title={title}>
<ModalWrapper
modalOpen={open}
onClose={onClose}
title={title}
titleIcon={<AddMembersToGroupIcon />}
>
<div className={classes.formFieldRow}>
<PredefinedList label={`Selected Group`} content={selectedGroup} />
</div>

2
portal-ui/src/screens/Console/Groups/DeleteGroup.tsx
View File

@@ -21,6 +21,7 @@ import { setErrorSnackMessage } from "../../../actions";
import { ErrorResponseHandler } from "../../../common/types";
import ConfirmDialog from "../Common/ModalWrapper/ConfirmDialog";
import useApi from "../Common/Hooks/useApi";
import { ConfirmDeleteIcon } from "../../../icons";
interface IDeleteGroup {
selectedGroup: string;
@@ -53,6 +54,7 @@ const DeleteGroup = ({
title={`Delete Group`}
confirmText={"Delete"}
isOpen={deleteOpen}
titleIcon={<ConfirmDeleteIcon />}
isLoading={deleteLoading}
onConfirm={onDeleteGroup}
onClose={onClose}

2
portal-ui/src/screens/Console/NotificationEndpoints/CustomForms/ResetConfigurationModal.tsx
View File

@@ -25,6 +25,7 @@ import { setErrorSnackMessage } from "../../../../actions";
import { ErrorResponseHandler } from "../../../../common/types";
import api from "../../../../common/api";
import ConfirmDialog from "../../Common/ModalWrapper/ConfirmDialog";
import { ConfirmDeleteIcon } from "../../../../icons";
const styles = (theme: Theme) =>
createStyles({
@@ -82,6 +83,7 @@ const ResetConfigurationModal = ({
title={`Restore Defaults`}
confirmText={"Yes, Reset Configuration"}
isOpen={resetOpen}
titleIcon={<ConfirmDeleteIcon />}
isLoading={resetLoading}
onConfirm={resetConfiguration}
onClose={() => {

2
portal-ui/src/screens/Console/Policies/DeletePolicy.tsx
View File

@@ -21,6 +21,7 @@ import { setErrorSnackMessage } from "../../../actions";
import { ErrorResponseHandler } from "../../../common/types";
import useApi from "../Common/Hooks/useApi";
import ConfirmDialog from "../Common/ModalWrapper/ConfirmDialog";
import { ConfirmDeleteIcon } from "../../../icons";
interface IDeletePolicyProps {
closeDeleteModalAndRefresh: (refresh: boolean) => void;
@@ -54,6 +55,7 @@ const DeletePolicy = ({
title={`Delete Policy`}
confirmText={"Delete"}
isOpen={deleteOpen}
titleIcon={<ConfirmDeleteIcon />}
isLoading={deleteLoading}
onConfirm={onConfirmDelete}
onClose={onClose}

2
portal-ui/src/screens/Console/Tenants/AddTenant/Steps/helpers/AddNamespaceModal.tsx
View File

@@ -28,6 +28,7 @@ import { setErrorSnackMessage } from "../../../../../../actions";
import { ErrorResponseHandler } from "../../../../../../common/types";
import api from "../../../../../../common/api";
import ConfirmDialog from "../../../../Common/ModalWrapper/ConfirmDialog";
import { ConfirmModalIcon } from "../../../../../../icons";
const styles = (theme: Theme) =>
createStyles({
@@ -93,6 +94,7 @@ const AddNamespaceModal = ({
variant: "contained",
}}
isOpen={addNamespaceOpen}
titleIcon={<ConfirmModalIcon />}
isLoading={addNamespaceLoading}
onConfirm={addNamespace}
onClose={() => {

2
portal-ui/src/screens/Console/Tenants/ListTenants/DeleteTenant.tsx
View File

@@ -24,6 +24,7 @@ import InputBoxWrapper from "../../Common/FormComponents/InputBoxWrapper/InputBo
import Grid from "@mui/material/Grid";
import useApi from "../../Common/Hooks/useApi";
import ConfirmDialog from "../../Common/ModalWrapper/ConfirmDialog";
import { ConfirmDeleteIcon } from "../../../../icons";
interface IDeleteTenant {
deleteOpen: boolean;
@@ -65,6 +66,7 @@ const DeleteTenant = ({
title={`Delete Tenant`}
confirmText={"Delete"}
isOpen={deleteOpen}
titleIcon={<ConfirmDeleteIcon />}
isLoading={deleteLoading}
onConfirm={onConfirmDelete}
onClose={onClose}

2
portal-ui/src/screens/Console/Tenants/TenantDetails/AddPoolModal.tsx
View File

@@ -19,6 +19,7 @@ import { getDefaultAffinity } from "./utils";
import SelectWrapper from "../../Common/FormComponents/SelectWrapper/SelectWrapper";
import { IQuotaElement, IQuotas, Opts } from "../ListTenants/utils";
import { NewPoolIcon } from "../../../../icons";
interface IAddPoolProps {
tenant: ITenant;
@@ -115,6 +116,7 @@ const AddPoolModal = ({
onClose={() => onClosePoolAndReload(false)}
modalOpen={open}
title="Add Pool"
titleIcon={<NewPoolIcon />}
>
<form
noValidate

2
portal-ui/src/screens/Console/Tenants/TenantDetails/DeletePod.tsx
View File

@@ -24,6 +24,7 @@ import { setErrorSnackMessage } from "../../../../actions";
import { ErrorResponseHandler } from "../../../../common/types";
import useApi from "../../Common/Hooks/useApi";
import ConfirmDialog from "../../Common/ModalWrapper/ConfirmDialog";
import { ConfirmDeleteIcon } from "../../../../icons";
interface IDeletePod {
deleteOpen: boolean;
@@ -65,6 +66,7 @@ const DeletePod = ({
title={`Delete Pod`}
confirmText={"Delete"}
isOpen={deleteOpen}
titleIcon={<ConfirmDeleteIcon />}
isLoading={deleteLoading}
onConfirm={onConfirmDelete}
onClose={onClose}

2
portal-ui/src/screens/Console/Tenants/TenantDetails/TenantSecurity.tsx
View File

@@ -44,6 +44,7 @@ import { AppState } from "../../../../store";
import { ErrorResponseHandler } from "../../../../common/types";
import { setTenantDetailsLoad } from "../actions";
import ConfirmDialog from "../../Common/ModalWrapper/ConfirmDialog";
import { ConfirmModalIcon } from "../../../../icons";
interface ITenantSecurity {
classes: any;
@@ -307,6 +308,7 @@ const TenantSecurity = ({
title={"Save and Restart"}
confirmText={"Restart"}
cancelText="Cancel"
titleIcon={<ConfirmModalIcon />}
isLoading={isSending}
onClose={() => setDialogOpen(false)}
isOpen={dialogOpen}

2
portal-ui/src/screens/Console/Tenants/TenantDetails/TenantYAML.tsx
View File

@@ -30,6 +30,7 @@ import {
import { ErrorResponseHandler } from "../../../../common/types";
import ModalWrapper from "../../Common/ModalWrapper/ModalWrapper";
import CodeMirrorWrapper from "../../Common/FormComponents/CodeMirrorWrapper/CodeMirrorWrapper";
import { EditYamlIcon } from "../../../../icons";
const styles = (theme: Theme) =>
createStyles({
@@ -131,6 +132,7 @@ const TenantYAML = ({
closeModalAndRefresh(false);
}}
title={`YAML`}
titleIcon={<EditYamlIcon />}
>
{addLoading ||
(loading && (

2
portal-ui/src/screens/Console/Users/AddUser.tsx
View File

@@ -37,6 +37,7 @@ import FormSwitchWrapper from "../Common/FormComponents/FormSwitchWrapper/FormSw
import PredefinedList from "../Common/FormComponents/PredefinedList/PredefinedList";
import PolicySelectors from "../Policies/PolicySelectors";
import { TabPanel } from "../../shared/tabs";
import { CreateUserIcon } from "../../../icons";
const styles = (theme: Theme) =>
createStyles({
@@ -177,6 +178,7 @@ const AddUser = ({
}}
modalOpen={open}
title={selectedUser !== null ? "Edit User" : "Create User"}
titleIcon={<CreateUserIcon />}
>
{selectedUser !== null && (
<div className={classes.floatingEnabled}>

2
portal-ui/src/screens/Console/Users/BulkAddToGroup.tsx
View File

@@ -31,6 +31,7 @@ import api from "../../../common/api";
import GroupsSelectors from "./GroupsSelectors";
import ModalWrapper from "../Common/ModalWrapper/ModalWrapper";
import PredefinedList from "../Common/FormComponents/PredefinedList/PredefinedList";
import { AddMembersToGroupIcon } from "../../../icons";
interface IAddToGroup {
open: boolean;
@@ -117,6 +118,7 @@ const BulkAddToGroup = ({
? "The selected users were added to the following groups."
: "Add Users to Group"
}
titleIcon={<AddMembersToGroupIcon />}
>
{accepted ? (
<React.Fragment>

2
portal-ui/src/screens/Console/Users/ChangeUserGroups.tsx
View File

@@ -30,6 +30,7 @@ import { ErrorResponseHandler } from "../../../common/types";
import api from "../../../common/api";
import GroupsSelectors from "./GroupsSelectors";
import ModalWrapper from "../Common/ModalWrapper/ModalWrapper";
import AddMembersToGroup from "../../../icons/AddMembersToGroupIcon";
const styles = (theme: Theme) =>
createStyles({
@@ -150,6 +151,7 @@ const ChangeUserGroups = ({
}}
modalOpen={open}
title={"Set Groups"}
titleIcon={<AddMembersToGroup />}
>
<React.Fragment>
<form

2
portal-ui/src/screens/Console/Users/DeleteUser.tsx
View File

@@ -22,6 +22,7 @@ import { setErrorSnackMessage } from "../../../actions";
import useApi from "../Common/Hooks/useApi";
import ConfirmDialog from "../Common/ModalWrapper/ConfirmDialog";
import { ErrorResponseHandler } from "../../../common/types";
import { ConfirmDeleteIcon } from "../../../icons";
interface IDeleteUserProps {
closeDeleteModalAndRefresh: (refresh: boolean) => void;
@@ -61,6 +62,7 @@ const DeleteUser = ({
title={`Delete User`}
confirmText={"Delete"}
isOpen={deleteOpen}
titleIcon={<ConfirmDeleteIcon />}
isLoading={deleteLoading}
onConfirm={onConfirmDelete}
onClose={onClose}

2
portal-ui/src/screens/Console/Users/DeleteUserString.tsx
View File

@@ -22,6 +22,7 @@ import { ErrorResponseHandler } from "../../../common/types";
import history from "../../../history";
import useApi from "../Common/Hooks/useApi";
import ConfirmDialog from "../Common/ModalWrapper/ConfirmDialog";
import { ConfirmDeleteIcon } from "../../../icons";
interface IDeleteUserProps {
closeDeleteModalAndRefresh: (refresh: boolean) => void;
@@ -62,6 +63,7 @@ const DeleteUserString = ({
isLoading={deleteLoading}
onConfirm={onConfirmDelete}
onClose={onClose}
titleIcon={<ConfirmDeleteIcon />}
confirmationContent={
<DialogContentText>
Are you sure you want to delete user <br />