Implement New Icons (#981)

* Implement New Icons

Signed-off-by: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com>

* Update portal-ui/src/icons/TenantsOutlineIcon.tsx

Co-authored-by: Alex <33497058+bexsoft@users.noreply.github.com>

* Update portal-ui/src/icons/LicenseIcon.tsx

Co-authored-by: Alex <33497058+bexsoft@users.noreply.github.com>

* Update portal-ui/src/screens/Console/Common/TableWrapper/TableActionButton.tsx

Co-authored-by: Alex <33497058+bexsoft@users.noreply.github.com>

* Update portal-ui/src/icons/StorageIcon.tsx

Co-authored-by: Alex <33497058+bexsoft@users.noreply.github.com>

* Update portal-ui/src/screens/Console/Common/TableWrapper/TableActionButton.tsx

Co-authored-by: Alex <33497058+bexsoft@users.noreply.github.com>

* Update portal-ui/src/icons/IAMPoliciesIcon.tsx

Co-authored-by: Alex <33497058+bexsoft@users.noreply.github.com>

* Update portal-ui/src/icons/IAMPoliciesIcon.tsx

Co-authored-by: Alex <33497058+bexsoft@users.noreply.github.com>

* Update portal-ui/src/icons/IAMPoliciesIcon.tsx

Co-authored-by: Alex <33497058+bexsoft@users.noreply.github.com>

* Update portal-ui/src/icons/IAMPoliciesIcon.tsx

Co-authored-by: Alex <33497058+bexsoft@users.noreply.github.com>

* Update portal-ui/src/icons/IAMPoliciesIcon.tsx

Co-authored-by: Alex <33497058+bexsoft@users.noreply.github.com>

* Update portal-ui/src/screens/Console/Common/TableWrapper/TableActionButton.tsx

Co-authored-by: Alex <33497058+bexsoft@users.noreply.github.com>
This commit is contained in:
Daniel Valdivia
2021-08-25 14:56:59 -07:00
committed by GitHub
parent 07bef3280d
commit 24a2edf6a3
84 changed files with 1276 additions and 304 deletions

View File

@@ -1,23 +1,23 @@
{
"files": {
"main.css": "./static/css/main.8cfac526.chunk.css",
"main.js": "./static/js/main.7561ade8.chunk.js",
"main.js.map": "./static/js/main.7561ade8.chunk.js.map",
"main.js": "./static/js/main.ddcdf290.chunk.js",
"main.js.map": "./static/js/main.ddcdf290.chunk.js.map",
"runtime-main.js": "./static/js/runtime-main.3fe0c1ac.js",
"runtime-main.js.map": "./static/js/runtime-main.3fe0c1ac.js.map",
"static/css/2.60e04a19.chunk.css": "./static/css/2.60e04a19.chunk.css",
"static/js/2.96b55641.chunk.js": "./static/js/2.96b55641.chunk.js",
"static/js/2.96b55641.chunk.js.map": "./static/js/2.96b55641.chunk.js.map",
"static/js/2.b23dada4.chunk.js": "./static/js/2.b23dada4.chunk.js",
"static/js/2.b23dada4.chunk.js.map": "./static/js/2.b23dada4.chunk.js.map",
"index.html": "./index.html",
"static/css/2.60e04a19.chunk.css.map": "./static/css/2.60e04a19.chunk.css.map",
"static/css/main.8cfac526.chunk.css.map": "./static/css/main.8cfac526.chunk.css.map",
"static/js/2.96b55641.chunk.js.LICENSE.txt": "./static/js/2.96b55641.chunk.js.LICENSE.txt"
"static/js/2.b23dada4.chunk.js.LICENSE.txt": "./static/js/2.b23dada4.chunk.js.LICENSE.txt"
},
"entrypoints": [
"static/js/runtime-main.3fe0c1ac.js",
"static/css/2.60e04a19.chunk.css",
"static/js/2.96b55641.chunk.js",
"static/js/2.b23dada4.chunk.js",
"static/css/main.8cfac526.chunk.css",
"static/js/main.7561ade8.chunk.js"
"static/js/main.ddcdf290.chunk.js"
]
}

View File

@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="28.141" height="23.33" viewBox="0 0 28.141 23.33">
<g id="object-browser-folder-icn" transform="translate(3875.698 1391.955)">
<g id="Grupo_1541" data-name="Grupo 1541" transform="translate(-3866.02 -1382.94)">
<circle id="Elipse_57" data-name="Elipse 57" cx="1.268" cy="1.268" r="1.268" transform="translate(4.275 5.49) rotate(-10.901)"/>
<rect id="Rectángulo_805" data-name="Rectángulo 805" width="2.707" height="2.295" rx="1.148" transform="translate(1.601 2.812)"/>
<path id="Trazado_365" data-name="Trazado 365" d="M-3848.674-1356.694a.267.267,0,0,0-.463,0l-1,1.735a.267.267,0,0,0,.231.4h2a.267.267,0,0,0,.232-.4Z" transform="translate(3851.773 1363.331)"/>
<path id="Trazado_366" data-name="Trazado 366" d="M-3845.066-1368.444a16.588,16.588,0,0,0-.021-1.927,1.119,1.119,0,0,0-.717-1.042,1.734,1.734,0,0,0-.2-.058,4.224,4.224,0,0,0-.807-.073c-.472-.014-.943.015-1.415.013-.945,0-1.889.013-2.834.017h-2.037a.694.694,0,0,0-.693.693v8.874a.694.694,0,0,0,.693.693h7.34a.694.694,0,0,0,.693-.693v-4.421C-3845.065-1367.059-3845.083-1367.754-3845.066-1368.444Zm-.842,5.871a.6.6,0,0,1-.6.6h-5.967a.6.6,0,0,1-.6-.6v-7.621a.6.6,0,0,1,.6-.6h4v1.024a1.52,1.52,0,0,0,1.518,1.518h1.043Zm0-6.34h-1.043a.857.857,0,0,1-.856-.856v-1.024h1.3a.6.6,0,0,1,.6.6Z" transform="translate(3853.792 1371.548)"/>
</g>
<path id="Trazado_367" data-name="Trazado 367" d="M-3864.516-1389.746c.726,0,1.5,2.076,2.283,2.076h9.68a1.041,1.041,0,0,1,1.038,1.038v.519h-19.748v-2.595h-.026a1.041,1.041,0,0,1,1.038-1.038h5.735m13.674,4.9a1.079,1.079,0,0,1,1.076,1.076l-1.1,11.862a1.079,1.079,0,0,1-1.076,1.076h-19.393a1.079,1.079,0,0,1-1.076-1.076l-1.076-11.862a1.079,1.079,0,0,1,1.076-1.076h21.571m-13.674-7.108h-5.735a3.25,3.25,0,0,0-3.247,3.247,2.22,2.22,0,0,0,.026.339v1.487a3.291,3.291,0,0,0-2.227,3.11c0,.067,0,.133.009.2l1.069,11.788a3.288,3.288,0,0,0,3.282,3.158h19.393a3.288,3.288,0,0,0,3.282-3.155l1.1-11.786c.006-.068.009-.136.009-.2a3.288,3.288,0,0,0-1.749-2.9,3.251,3.251,0,0,0-3.247-3.2h-8.959l-.124-.167a3.694,3.694,0,0,0-2.88-1.909Z" transform="translate(0 0)"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,6 @@
<svg id="object-browser-icn" xmlns="http://www.w3.org/2000/svg" width="11.502" height="13.542" viewBox="0 0 11.502 13.542">
<circle id="Elipse_55" data-name="Elipse 55" cx="1.667" cy="1.667" r="1.667" transform="translate(5.623 7.221) rotate(-10.901)"/>
<rect id="Rectángulo_797" data-name="Rectángulo 797" width="3.561" height="3.019" rx="1.51" transform="translate(2.105 3.699)"/>
<path id="Trazado_322" data-name="Trazado 322" d="M-4332.738-1202.411a.352.352,0,0,0-.609,0l-1.317,2.282a.352.352,0,0,0,.3.527h2.635a.352.352,0,0,0,.3-.527Z" transform="translate(4336.814 1211.141)"/>
<path id="Trazado_323" data-name="Trazado 323" d="M-4328.313-1219.174a22.083,22.083,0,0,0-.027-2.536,1.472,1.472,0,0,0-.943-1.371,2.294,2.294,0,0,0-.266-.077,5.586,5.586,0,0,0-1.063-.095c-.62-.018-1.24.019-1.86.017-1.243-.005-2.486.017-3.729.022h-2.68a.913.913,0,0,0-.912.912v11.674a.913.913,0,0,0,.912.912h9.656a.912.912,0,0,0,.912-.912v-5.816C-4328.312-1217.353-4328.335-1218.266-4328.313-1219.174Zm-1.107,7.722a.788.788,0,0,1-.787.788h-7.849a.787.787,0,0,1-.787-.788v-10.025a.787.787,0,0,1,.787-.788h5.266v1.347a2,2,0,0,0,2,2h1.373Zm0-8.339h-1.373a1.128,1.128,0,0,1-1.126-1.127v-1.347h1.712a.788.788,0,0,1,.787.788Z" transform="translate(4339.792 1223.257)"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="9.836" height="12.646" viewBox="0 0 9.836 12.646">
<g id="trash-icn" transform="translate(2222 1227)">
<path id="Trazado_359" data-name="Trazado 359" d="M-2212.473-1226.3h-2.5v-.395a.308.308,0,0,0-.308-.308h-3.6a.308.308,0,0,0-.308.308v.395h-2.5a.309.309,0,0,0-.309.309v.787a.309.309,0,0,0,.309.309h9.218a.309.309,0,0,0,.309-.309v-.787A.309.309,0,0,0-2212.473-1226.3Z"/>
<path id="Trazado_360" data-name="Trazado 360" d="M-2221-1214.585a1.425,1.425,0,0,0,1.42,1.421h5.59a1.425,1.425,0,0,0,1.42-1.421V-1223H-2221Z" transform="translate(-0.297 -1.19)"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 623 B

View File

@@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="MinIO Console"/><link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;500;700;900&display=swap" rel="stylesheet"/><link href="./styles/root-styles.css" rel="stylesheet"/><link rel="apple-touch-icon" sizes="180x180" href="./apple-icon-180x180.png"/><link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png"/><link rel="icon" type="image/png" sizes="96x96" href="./favicon-96x96.png"/><link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png"/><link rel="manifest" href="./manifest.json"/><link rel="mask-icon" href="./safari-pinned-tab.svg" color="#3a4e54"/><title>MinIO Console</title><link href="./static/css/2.60e04a19.chunk.css" rel="stylesheet"><link href="./static/css/main.8cfac526.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"><div id="loader-block"><svg class="loader-svg-container" viewBox="22 22 44 44"><circle class="loader-style MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate" cx="44" cy="44" r="20.2" fill="none" stroke-width="3.6"></circle></svg></div></div><script>!function(e){function r(r){for(var n,l,i=r[0],a=r[1],p=r[2],c=0,s=[];c<i.length;c++)l=i[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(f&&f(r);s.length;)s.shift()();return u.push.apply(u,p||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,i=1;i<t.length;i++){var a=t[i];0!==o[a]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={1:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="./";var i=this["webpackJsonpportal-ui"]=this["webpackJsonpportal-ui"]||[],a=i.push.bind(i);i.push=r,i=i.slice();for(var p=0;p<i.length;p++)r(i[p]);var f=a;t()}([])</script><script src="./static/js/2.96b55641.chunk.js"></script><script src="./static/js/main.7561ade8.chunk.js"></script></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="MinIO Console"/><link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;500;700;900&display=swap" rel="stylesheet"/><link href="./styles/root-styles.css" rel="stylesheet"/><link rel="apple-touch-icon" sizes="180x180" href="./apple-icon-180x180.png"/><link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png"/><link rel="icon" type="image/png" sizes="96x96" href="./favicon-96x96.png"/><link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png"/><link rel="manifest" href="./manifest.json"/><link rel="mask-icon" href="./safari-pinned-tab.svg" color="#3a4e54"/><title>MinIO Console</title><link href="./static/css/2.60e04a19.chunk.css" rel="stylesheet"><link href="./static/css/main.8cfac526.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"><div id="loader-block"><svg class="loader-svg-container" viewBox="22 22 44 44"><circle class="loader-style MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate" cx="44" cy="44" r="20.2" fill="none" stroke-width="3.6"></circle></svg></div></div><script>!function(e){function r(r){for(var n,l,i=r[0],a=r[1],p=r[2],c=0,s=[];c<i.length;c++)l=i[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(f&&f(r);s.length;)s.shift()();return u.push.apply(u,p||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,i=1;i<t.length;i++){var a=t[i];0!==o[a]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={1:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="./";var i=this["webpackJsonpportal-ui"]=this["webpackJsonpportal-ui"]||[],a=i.push.bind(i);i.push=r,i=i.slice();for(var p=0;p<i.length;p++)r(i[p]);var f=a;t()}([])</script><script src="./static/js/2.b23dada4.chunk.js"></script><script src="./static/js/main.ddcdf290.chunk.js"></script></body></html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="28.141" height="23.33" viewBox="0 0 28.141 23.33">
<g id="object-browser-folder-icn" transform="translate(3875.698 1391.955)">
<g id="Grupo_1541" data-name="Grupo 1541" transform="translate(-3866.02 -1382.94)">
<circle id="Elipse_57" data-name="Elipse 57" cx="1.268" cy="1.268" r="1.268" transform="translate(4.275 5.49) rotate(-10.901)"/>
<rect id="Rectángulo_805" data-name="Rectángulo 805" width="2.707" height="2.295" rx="1.148" transform="translate(1.601 2.812)"/>
<path id="Trazado_365" data-name="Trazado 365" d="M-3848.674-1356.694a.267.267,0,0,0-.463,0l-1,1.735a.267.267,0,0,0,.231.4h2a.267.267,0,0,0,.232-.4Z" transform="translate(3851.773 1363.331)"/>
<path id="Trazado_366" data-name="Trazado 366" d="M-3845.066-1368.444a16.588,16.588,0,0,0-.021-1.927,1.119,1.119,0,0,0-.717-1.042,1.734,1.734,0,0,0-.2-.058,4.224,4.224,0,0,0-.807-.073c-.472-.014-.943.015-1.415.013-.945,0-1.889.013-2.834.017h-2.037a.694.694,0,0,0-.693.693v8.874a.694.694,0,0,0,.693.693h7.34a.694.694,0,0,0,.693-.693v-4.421C-3845.065-1367.059-3845.083-1367.754-3845.066-1368.444Zm-.842,5.871a.6.6,0,0,1-.6.6h-5.967a.6.6,0,0,1-.6-.6v-7.621a.6.6,0,0,1,.6-.6h4v1.024a1.52,1.52,0,0,0,1.518,1.518h1.043Zm0-6.34h-1.043a.857.857,0,0,1-.856-.856v-1.024h1.3a.6.6,0,0,1,.6.6Z" transform="translate(3853.792 1371.548)"/>
</g>
<path id="Trazado_367" data-name="Trazado 367" d="M-3864.516-1389.746c.726,0,1.5,2.076,2.283,2.076h9.68a1.041,1.041,0,0,1,1.038,1.038v.519h-19.748v-2.595h-.026a1.041,1.041,0,0,1,1.038-1.038h5.735m13.674,4.9a1.079,1.079,0,0,1,1.076,1.076l-1.1,11.862a1.079,1.079,0,0,1-1.076,1.076h-19.393a1.079,1.079,0,0,1-1.076-1.076l-1.076-11.862a1.079,1.079,0,0,1,1.076-1.076h21.571m-13.674-7.108h-5.735a3.25,3.25,0,0,0-3.247,3.247,2.22,2.22,0,0,0,.026.339v1.487a3.291,3.291,0,0,0-2.227,3.11c0,.067,0,.133.009.2l1.069,11.788a3.288,3.288,0,0,0,3.282,3.158h19.393a3.288,3.288,0,0,0,3.282-3.155l1.1-11.786c.006-.068.009-.136.009-.2a3.288,3.288,0,0,0-1.749-2.9,3.251,3.251,0,0,0-3.247-3.2h-8.959l-.124-.167a3.694,3.694,0,0,0-2.88-1.909Z" transform="translate(0 0)"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,6 @@
<svg id="object-browser-icn" xmlns="http://www.w3.org/2000/svg" width="11.502" height="13.542" viewBox="0 0 11.502 13.542">
<circle id="Elipse_55" data-name="Elipse 55" cx="1.667" cy="1.667" r="1.667" transform="translate(5.623 7.221) rotate(-10.901)"/>
<rect id="Rectángulo_797" data-name="Rectángulo 797" width="3.561" height="3.019" rx="1.51" transform="translate(2.105 3.699)"/>
<path id="Trazado_322" data-name="Trazado 322" d="M-4332.738-1202.411a.352.352,0,0,0-.609,0l-1.317,2.282a.352.352,0,0,0,.3.527h2.635a.352.352,0,0,0,.3-.527Z" transform="translate(4336.814 1211.141)"/>
<path id="Trazado_323" data-name="Trazado 323" d="M-4328.313-1219.174a22.083,22.083,0,0,0-.027-2.536,1.472,1.472,0,0,0-.943-1.371,2.294,2.294,0,0,0-.266-.077,5.586,5.586,0,0,0-1.063-.095c-.62-.018-1.24.019-1.86.017-1.243-.005-2.486.017-3.729.022h-2.68a.913.913,0,0,0-.912.912v11.674a.913.913,0,0,0,.912.912h9.656a.912.912,0,0,0,.912-.912v-5.816C-4328.312-1217.353-4328.335-1218.266-4328.313-1219.174Zm-1.107,7.722a.788.788,0,0,1-.787.788h-7.849a.787.787,0,0,1-.787-.788v-10.025a.787.787,0,0,1,.787-.788h5.266v1.347a2,2,0,0,0,2,2h1.373Zm0-8.339h-1.373a1.128,1.128,0,0,1-1.126-1.127v-1.347h1.712a.788.788,0,0,1,.787.788Z" transform="translate(4339.792 1223.257)"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="9.836" height="12.646" viewBox="0 0 9.836 12.646">
<g id="trash-icn" transform="translate(2222 1227)">
<path id="Trazado_359" data-name="Trazado 359" d="M-2212.473-1226.3h-2.5v-.395a.308.308,0,0,0-.308-.308h-3.6a.308.308,0,0,0-.308.308v.395h-2.5a.309.309,0,0,0-.309.309v.787a.309.309,0,0,0,.309.309h9.218a.309.309,0,0,0,.309-.309v-.787A.309.309,0,0,0-2212.473-1226.3Z"/>
<path id="Trazado_360" data-name="Trazado 360" d="M-2221-1214.585a1.425,1.425,0,0,0,1.42,1.421h5.59a1.425,1.425,0,0,0,1.42-1.421V-1223H-2221Z" transform="translate(-0.297 -1.19)"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 623 B

View File

@@ -0,0 +1,89 @@
// 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 { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
function AccountIcon({ width = 24 }: IIcon) {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.019 11.236">
<g transform="translate(4343.897 1149.737)">
<path
data-name="Trazado 391"
d="M-4338.522-1144.449a2.547 2.547 0 002.492-2.594 2.547 2.547 0 00-2.492-2.594 2.547 2.547 0 00-2.491 2.594 2.547 2.547 0 002.491 2.594zm0-4.377a1.75 1.75 0 011.709 1.783 1.75 1.75 0 01-1.709 1.783 1.749 1.749 0 01-1.708-1.783 1.749 1.749 0 011.708-1.783z"
/>
<path
data-name="Trazado 391 - Contorno"
d="M-4338.522-1144.349a2.647 2.647 0 01-2.591-2.694 2.647 2.647 0 012.591-2.694 2.647 2.647 0 012.592 2.694 2.647 2.647 0 01-2.592 2.694zm0-5.188a2.447 2.447 0 00-2.391 2.494 2.447 2.447 0 002.391 2.494 2.447 2.447 0 002.392-2.494 2.447 2.447 0 00-2.392-2.494zm0 4.377a1.849 1.849 0 01-1.808-1.883 1.849 1.849 0 011.808-1.883 1.85 1.85 0 011.81 1.883 1.85 1.85 0 01-1.81 1.883zm0-3.566a1.649 1.649 0 00-1.608 1.683 1.649 1.649 0 001.608 1.683 1.649 1.649 0 001.609-1.683 1.649 1.649 0 00-1.609-1.683z"
/>
<path
data-name="Trazado 392"
d="M-4341.679-1141.056a1.157 1.157 0 001.055.653h4.2a1.142 1.142 0 001.054-.662 1.413 1.413 0 00-.139-1.421 3.807 3.807 0 00-1.429-1.184 3.671 3.671 0 00-1.79-.369 3.773 3.773 0 00-2.794 1.524c-.022.029-.042.06-.063.089a1.384 1.384 0 00-.094 1.37zm5.611-.368a.359.359 0 01-.352.21h-4.2a.381.381 0 01-.36-.214.539.539 0 01.044-.533c.015-.023.031-.045.048-.068a2.979 2.979 0 012.208-1.2h.142a3.035 3.035 0 012.412 1.235.578.578 0 01.058.57z"
/>
<path
data-name="Trazado 392 - Contorno"
d="M-4336.42-1140.303h-4.2a1.255 1.255 0 01-1.145-.708 1.486 1.486 0 01.1-1.471l.007-.01c.019-.028.038-.056.059-.083a3.874 3.874 0 012.869-1.563c.064 0 .129-.005.194-.005a3.818 3.818 0 011.644.384 3.912 3.912 0 011.467 1.215 1.516 1.516 0 01.148 1.523 1.241 1.241 0 01-1.143.718zm-2.115-3.641c-.061 0-.123 0-.184.005a3.671 3.671 0 00-2.718 1.482c-.02.026-.037.052-.055.077l-.007.01a1.283 1.283 0 00-.091 1.269 1.059 1.059 0 00.966.6h4.2a1.045 1.045 0 00.963-.6 1.311 1.311 0 00-.129-1.319 3.7 3.7 0 00-1.392-1.153 3.614 3.614 0 00-1.552-.372zm2.115 2.83h-4.2a.48.48 0 01-.449-.269.64.64 0 01.033-.607l.016-.025.052-.073a3.08 3.08 0 012.283-1.241h.147a3.137 3.137 0 012.493 1.276.681.681 0 01.071.675.458.458 0 01-.446.264zm-4.419-.817l-.018.026a.438.438 0 00-.037.432.28.28 0 00.27.158h4.2a.26.26 0 00.262-.153.476.476 0 00-.052-.471 2.935 2.935 0 00-2.332-1.194h-.136a2.877 2.877 0 00-2.133 1.159z"
/>
<path
data-name="Trazado 393"
d="M-4331.662-1148.7h-2.953a.4.4 0 00-.4.4.4.4 0 00.4.4h2.953a.882.882 0 01.881.881v6.733a.882.882 0 01-.881.881h-10.452a.882.882 0 01-.881-.881v-6.733a.882.882 0 01.881-.881.4.4 0 00.4-.4.4.4 0 00-.4-.4 1.685 1.685 0 00-1.683 1.683v6.733a1.685 1.685 0 001.683 1.683h10.452a1.685 1.685 0 001.684-1.683v-6.733a1.685 1.685 0 00-1.684-1.683z"
/>
<path
data-name="Trazado 393 - Contorno"
d="M-4342.114-1148.8a.5.5 0 01.5.5.5.5 0 01-.5.5.782.782 0 00-.781.781v6.733a.782.782 0 00.781.781h10.452a.782.782 0 00.781-.781v-6.733a.782.782 0 00-.781-.781h-2.953a.5.5 0 01-.5-.5.5.5 0 01.5-.5h2.953a1.785 1.785 0 011.784 1.783v6.733a1.786 1.786 0 01-1.784 1.783h-10.452a1.785 1.785 0 01-1.783-1.783v-6.733a1.785 1.785 0 011.783-1.783zm10.452 9.5h-10.452a.982.982 0 01-.981-.981v-6.733a.982.982 0 01.981-.981.3.3 0 00.3-.3.3.3 0 00-.3-.3 1.585 1.585 0 00-1.583 1.583v6.733a1.585 1.585 0 001.583 1.583h10.452a1.585 1.585 0 001.583-1.583v-6.733a1.585 1.585 0 00-1.583-1.583h-2.953a.3.3 0 00-.3.3.3.3 0 00.3.3h2.953a.982.982 0 01.981.981v6.733a.982.982 0 01-.981.978z"
/>
<rect
data-name="Rect\xE1ngulo 809"
width={2.751}
height={2.343}
rx={1.024}
transform="translate(-4334.532 -1146.792)"
/>
<path
data-name="Rect\xE1ngulo 809 - Contorno"
d="M-4333.508-1146.892h.7a1.125 1.125 0 011.127 1.124v.3a1.125 1.125 0 01-1.124 1.119h-.7a1.125 1.125 0 01-1.127-1.123v-.3a1.125 1.125 0 011.124-1.12zm.7 2.343a.925.925 0 00.924-.924v-.3a.925.925 0 00-.921-.919h-.7a.925.925 0 00-.927.924v.3a.925.925 0 00.924.924z"
/>
<rect
data-name="Rect\xE1ngulo 810"
width={2.751}
height={1.126}
rx={0.563}
transform="translate(-4334.532 -1143.462)"
/>
<path
data-name="Rect\xE1ngulo 810 - Contorno"
d="M-4333.969-1143.562h1.625a.663.663 0 010 1.326h-1.625a.663.663 0 010-1.326zm1.625 1.126a.463.463 0 100-.926h-1.625a.463.463 0 000 .926z"
/>
<rect
data-name="Rect\xE1ngulo 811"
width={2.751}
height={1.126}
rx={0.563}
transform="translate(-4334.532 -1141.529)"
/>
<path
data-name="Rect\xE1ngulo 811 - Contorno"
d="M-4333.969-1141.629h1.625a.663.663 0 010 1.326h-1.625a.663.663 0 010-1.326zm1.625 1.126a.463.463 0 100-.926h-1.625a.463.463 0 000 .926z"
/>
</g>
</svg>
</SvgIcon>
);
}
export default AccountIcon;

View File

@@ -0,0 +1,40 @@
// 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 { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
function AddFolderIcon({ width = 24 }: IIcon) {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.857 18.949">
<g data-name="add folder-icn">
<path
data-name="Trazado 368"
d="M21.436 4.289a2.64 2.64 0 00-2.637-2.6h-7.277l-.1-.135A3 3 0 009.082.003H4.424A2.64 2.64 0 001.787 2.64a1.773 1.773 0 00.021.276v1.208A2.673 2.673 0 000 6.65c0 .054 0 .108.007.162l.869 9.575a2.671 2.671 0 002.666 2.565h15.751a2.671 2.671 0 002.666-2.563l.89-9.573q.008-.083.008-.166a2.67 2.67 0 00-1.421-2.361zM4.424 1.795h4.658c.59 0 1.223 1.686 1.855 1.686h7.862a.845.845 0 01.843.843v.421H3.602V2.637h-.021a.845.845 0 01.843-.843zm15.743 14.487a.877.877 0 01-.874.874H3.542a.877.877 0 01-.874-.874l-.874-9.634a.877.877 0 01.874-.874h17.521a.877.877 0 01.875.874z"
/>
<path
data-name="Trazado 369"
d="M18.303 10.225h-1.578V8.647a.641.641 0 00-.639-.639h-1.141a.641.641 0 00-.639.639v1.578h-1.578a.641.641 0 00-.639.639v1.141a.641.641 0 00.639.639h1.578v1.578a.641.641 0 00.639.639h1.141a.641.641 0 00.639-.639v-1.578h1.578a.641.641 0 00.639-.639v-1.141a.641.641 0 00-.639-.639z"
/>
</g>
</svg>
</SvgIcon>
);
}
export default AddFolderIcon;

View File

@@ -14,21 +14,22 @@
// 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 React from "react";
import * as React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
interface IBucketsIcon {
width?: number;
}
const BucketsIcon = ({ width = 20 }: IBucketsIcon) => {
function BucketsIcon({ width = 24 }: IIcon) {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
<path d="M8.392,10H1.608L0,0H10Z" />
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.835 12.685">
<path d="M13.149 4.508v-.012l.563-3a1.178 1.178 0 00-.253-.975 1.184 1.184 0 00-.912-.428H1.283a1.184 1.184 0 00-.912.428 1.182 1.182 0 00-.253.975l1.331 7.1v.005l.565 3.013a1.184 1.184 0 001.164.967h7.471a1.185 1.185 0 001.164-.967l.564-3.01v-.018zM2.288 8.044c-.191-1.023-.4-2.129-.594-3.171h10.448l-.595 3.171zm10.519-6.716l-.49 2.621h-10.8c-.2-1.055-.373-1.988-.491-2.621a.262.262 0 01.056-.214.26.26 0 01.2-.094h11.265a.26.26 0 01.2.095.261.261 0 01.059.218zm-1.433 7.64l-.464 2.476a.261.261 0 01-.257.213H3.182a.262.262 0 01-.257-.213c-.1-.549-.27-1.437-.464-2.476z" />
<path
data-name="buckets-icn - Contorno"
d="M1.286 0H12.55a1.284 1.284 0 01.989.464 1.277 1.277 0 01.274 1.057l-1.9 10.116a1.286 1.286 0 01-1.262 1.048H3.18a1.284 1.284 0 01-1.262-1.048l-.565-3.013-.717-3.822-.614-3.277A1.281 1.281 0 01.296.468 1.285 1.285 0 011.286 0zm11.769 4.479l.562-3a1.078 1.078 0 00-.232-.892 1.084 1.084 0 00-.835-.392H1.286a1.085 1.085 0 00-.835.392 1.083 1.083 0 00-.231.892l.615 3.277.716 3.821.565 3.014a1.084 1.084 0 001.066.885h7.471a1.086 1.086 0 001.066-.885zM1.285.924H12.55a.36.36 0 01.278.131.36.36 0 01.077.3l-.506 2.7H1.437l-.015-.082-.282-1.505-.209-1.115a.361.361 0 01.077-.3.36.36 0 01.277-.129zm10.948 2.929l.475-2.539a.161.161 0 00-.034-.131.161.161 0 00-.125-.059H1.284a.159.159 0 00-.123.058.16.16 0 00-.034.133l.208 1.114.267 1.424zm-10.66.924h10.689l-.022.118-.61 3.252H2.204l-.015-.082c-.191-1.023-.4-2.129-.594-3.171zm10.448.2H1.814l.556 2.971h9.094zM2.34 8.872h9.153l-.022.118-.464 2.476a.362.362 0 01-.355.295H3.181a.362.362 0 01-.355-.294c-.046-.247-.1-.561-.174-.927l-.29-1.549zm8.912.2H2.581c.1.527.189 1.013.268 1.431l.173.927a.162.162 0 00.159.131h7.471a.162.162 0 00.159-.132z"
/>
</svg>
</SvgIcon>
);
};
}
export default BucketsIcon;

View File

@@ -21,7 +21,7 @@ interface IClusterIcon {
width?: number;
}
const ClustersIcon = ({ width = 20 }: IClusterIcon) => {
const ClustersIcon = ({ width = 24 }: IClusterIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg

View File

@@ -21,7 +21,7 @@ interface ICreateIcon {
width?: number;
}
const CreateIcon = ({ width = 20 }: ICreateIcon) => {
const CreateIcon = ({ width = 24 }: ICreateIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">

View File

@@ -16,27 +16,32 @@
import React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const DashboardIcon = () => {
const DashboardIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
<g transform="translate(249 720)">
<rect
width="6"
height="5"
transform="translate(-244 -720) rotate(90)"
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.863 11.862">
<g stroke="#000" strokeWidth={0.1}>
<path
data-name="Trazado 317"
d="M11.019.05H.844A.8.8 0 00.05.844v10.174a.8.8 0 00.794.794h10.175a.8.8 0 00.794-.794V.845a.8.8 0 00-.794-.795zm-.032 10.25a.686.686 0 01-.686.686H1.563a.686.686 0 01-.686-.686V1.563a.686.686 0 01.686-.686H10.3a.686.686 0 01.686.686z"
/>
<rect width="4" height="4" transform="translate(-243 -720)" />
<rect
width="5"
height="4"
transform="translate(-239 -715) rotate(90)"
<path
data-name="Trazado 318"
d="M4.909 5.308H2.664a.683.683 0 00-.71.651V9.37a.683.683 0 00.71.651h2.245a.683.683 0 00.71-.651V5.959a.683.683 0 00-.71-.651z"
/>
<rect
width="5"
height="3"
transform="translate(-244 -710) rotate(180)"
<path
data-name="Trazado 319"
d="M2.664 1.84h2.244a.71.71 0 01.71.71v1.051a.71.71 0 01-.71.71H2.664a.71.71 0 01-.71-.71V2.55a.71.71 0 01.71-.71z"
/>
<path
data-name="Trazado 320"
d="M9.462 1.84H7.217a.683.683 0 00-.71.651v3.411a.683.683 0 00.71.651h2.244a.683.683 0 00.71-.651V2.491a.683.683 0 00-.709-.651z"
/>
<path
data-name="Trazado 321"
d="M7.217 7.551h2.245a.71.71 0 01.71.71v1.051a.71.71 0 01-.71.71H7.217a.71.71 0 01-.71-.71V8.261a.71.71 0 01.71-.71z"
/>
</g>
</svg>

View File

@@ -16,19 +16,24 @@
import React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
interface IDeleteIcon {
width?: number;
}
const DeleteIcon = ({ width = 20 }: IDeleteIcon) => {
const DeleteIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.402 13">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.836 12.646">
<path
d="M6.761 1V0H3.64v1H.004v1h10.4V1zM.004 2.998l1.672 10h7.052l1.673-10zm3.412 8.243l-.552-6.478h.653l.553 6.472zm3.569 0h-.653l.551-6.472h.654z"
className="a"
></path>
data-name="Trazado 359"
d="M9.527.7h-2.5V.305a.308.308 0 00-.308-.308h-3.6a.308.308 0 00-.308.308V.7h-2.5a.309.309 0 00-.309.309v.787a.309.309 0 00.309.309h9.218a.309.309 0 00.309-.309v-.787A.309.309 0 009.527.7z"
/>
<path
data-name="Trazado 360"
d="M.703 11.225a1.425 1.425 0 001.42 1.421h5.59a1.425 1.425 0 001.42-1.421V2.81H.703z"
/>
</svg>
</SvgIcon>
);

View File

@@ -0,0 +1,35 @@
// 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 React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const DiagnosticsIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.405 10.405">
<path
d="M9.932 4.778a.424.424 0 00-.424.424 4.31 4.31 0 01-4.305 4.3 4.309 4.309 0 01-4.3-4.3A4.311 4.311 0 014.784.918v1.259A3.06 3.06 0 002.15 5.202 3.062 3.062 0 005.208 8.26a3.062 3.062 0 003.058-3.058 3.06 3.06 0 00-2.634-3.025V.049h-.424A5.158 5.158 0 00.055 5.201a5.158 5.158 0 005.153 5.153 5.158 5.158 0 005.153-5.153.424.424 0 00-.429-.423zm-2.519.424a2.213 2.213 0 01-2.21 2.21 2.213 2.213 0 01-2.21-2.21A2.213 2.213 0 014.78 3.035v1.231a1.028 1.028 0 00-.606.936 1.03 1.03 0 001.03 1.03 1.03 1.03 0 001.03-1.03 1.028 1.028 0 00-.605-.936V3.035a2.212 2.212 0 011.784 2.167z"
stroke="#000"
strokeWidth={0.1}
/>
</svg>
</SvgIcon>
);
};
export default DiagnosticsIcon;

View File

@@ -0,0 +1,59 @@
// 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 React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const DocumentationIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.863 10.437">
<path
data-name="Trazado 356"
d="M10.26 0H2.548a.59.59 0 00-.6.575V7.94a.59.59 0 00.6.575h7.712a.59.59 0 00.6-.575V.576a.59.59 0 00-.6-.576zm-.662 6.893a.424.424 0 01-.434.414H3.643a.424.424 0 01-.434-.414V1.621a.424.424 0 01.434-.414h5.521a.424.424 0 01.434.414z"
/>
<rect
data-name="Rect\xE1ngulo 801"
width={4.828}
height={1.207}
rx={0.604}
transform="translate(4.023 1.987)"
/>
<rect
data-name="Rect\xE1ngulo 802"
width={4.828}
height={1.207}
rx={0.604}
transform="translate(4.023 3.597)"
/>
<rect
data-name="Rect\xE1ngulo 803"
width={4.828}
height={1.207}
rx={0.604}
transform="translate(4.023 5.206)"
/>
<path
data-name="Trazado 357"
d="M6.073 9.23H1.208V3.158a.367.367 0 00-.365-.365H.366a.367.367 0 00-.365.365v6.914a.367.367 0 00.365.365h5.708a.367.367 0 00.365-.365v-.48a.367.367 0 00-.366-.362z"
/>
</svg>
</SvgIcon>
);
};
export default DocumentationIcon;

View File

@@ -16,17 +16,16 @@
import React from "react";
import SvgIcon from "@material-ui/core/SvgIcon";
import { IIcon } from "./props";
interface IDownloadIcon {
width?: number;
}
const DownloadIcon = ({ width = 20 }: IDownloadIcon) => {
const DownloadIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 12.996">
<path d="M11.05 9.096v1.95h-9.1v-1.95H0v3.9h13v-3.9z"></path>
<path d="M6.5 9.75L9 6.672H7.475V0h-1.95v6.672H4z"></path>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.368 14.146">
<path
data-name="Trazado 362"
d="M0 5.685a.921.921 0 011.842 0v6.618h10.684V5.685a.921.921 0 011.842 0v7.54a.921.921 0 01-.921.921H.921A.922.922 0 010 13.225v-7.54zM8.105.908a.921.921 0 00-1.842 0v7.7L5.22 7.564a.921.921 0 00-1.3 1.3l2.61 2.611a.922.922 0 001.314 0l2.61-2.611a.921.921 0 00-1.3-1.3L8.111 8.608v-7.7z"
/>
</svg>
</SvgIcon>
);

View File

@@ -0,0 +1,31 @@
// 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 React from "react";
import SvgIcon from "@material-ui/core/SvgIcon";
import { IIcon } from "./props";
const EditIcon = ({ width = 24, active = false }: IIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.376 22.351">
<path d="M17.638 0a4.936 4.936 0 00-3.4 1.384l-12.58 12.58a1.154 1.154 0 00-.335.629l-1.3 6.332a1.165 1.165 0 00.335 1.09 1.273 1.273 0 00.881.335.532.532 0 00.252-.042l6.292-1.22a1.154 1.154 0 00.629-.335l12.58-12.58a4.809 4.809 0 000-6.751A4.631 4.631 0 0017.638 0zM4.514 19.288a2.609 2.609 0 00-.587-.8 3.551 3.551 0 00-.8-.587l.461-2.181a4.027 4.027 0 012.055 1.048 3.727 3.727 0 011.048 2.055zm14.759-12.83l-11.2 11.154a4.912 4.912 0 00-1.3-2.013 5.732 5.732 0 00-2.013-1.3l11.2-11.2a2.309 2.309 0 011.677-.671 2.493 2.493 0 011.677.671 2.419 2.419 0 01-.041 3.359z" />
</svg>
</SvgIcon>
);
};
export default EditIcon;

View File

@@ -0,0 +1,31 @@
// 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 React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const FolderIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.552 16.209">
<path d="M7.769 1.534c.5 0 1.046 1.443 1.587 1.443h6.725a.723.723 0 01.721.721v.361H3.081v-1.8h-.018a.724.724 0 01.722-.721h3.984m9.5 3.4a.749.749 0 01.747.748l-.765 8.241a.75.75 0 01-.748.747H3.03a.75.75 0 01-.748-.747l-.748-8.241a.75.75 0 01.748-.748h14.987M7.769 0H3.785a2.258 2.258 0 00-2.256 2.256 1.559 1.559 0 00.018.236v1.033A2.287 2.287 0 000 5.686c0 .046 0 .092.007.138l.743 8.19a2.285 2.285 0 002.281 2.194h13.473a2.286 2.286 0 002.281-2.192l.761-8.189a1.383 1.383 0 00.007-.142 2.284 2.284 0 00-1.215-2.017 2.259 2.259 0 00-2.255-2.226H9.858l-.085-.116a2.568 2.568 0 00-2-1.326z" />
</svg>
</SvgIcon>
);
};
export default FolderIcon;

View File

@@ -16,21 +16,73 @@
import React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const GroupsIcon = () => {
const GroupsIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.787">
<g transform="translate(177 719.787)">
<g transform="translate(-105 -720)">
<path d="M-65,5a3,3,0,0,0-1.131.224A3.981,3.981,0,0,1-65,8v2h3V8A3,3,0,0,0-65,5Z" />
<path d="M-72,10h6V8a3,3,0,0,0-3-3,3,3,0,0,0-3,3Z" />
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.179 11.988">
<g data-name="Grupo 1486">
<g data-name="Grupo 1484">
<path
className="a"
d="M-65,.213a1.993,1.993,0,0,0-1.384.561A2.967,2.967,0,0,1-66,2.213a2.964,2.964,0,0,1-.384,1.439A1.989,1.989,0,0,0-65,4.213a2,2,0,0,0,2-2A2,2,0,0,0-65,.213Z"
data-name="Trazado 333"
d="M4.211 5.673a1.851 1.851 0 01-.67.129 1.871 1.871 0 01-1.869-1.869 1.871 1.871 0 011.869-1.87 1.805 1.805 0 01.182.019 4.085 4.085 0 01.305-.691 2.6 2.6 0 00-.487-.047A2.592 2.592 0 00.953 3.933a2.592 2.592 0 002.588 2.589 2.575 2.575 0 001.147-.271 4.194 4.194 0 01-.477-.578z"
/>
<path
data-name="Trazado 333 - Contorno"
d="M3.54 6.622A2.692 2.692 0 01.852 3.933 2.692 2.692 0 013.54 1.244a2.709 2.709 0 01.505.049l.137.026-.068.121a4.016 4.016 0 00-.3.674l-.025.075-.079-.008-.066-.008a.777.777 0 00-.105-.01 1.771 1.771 0 00-1.769 1.77 1.771 1.771 0 001.769 1.769 1.755 1.755 0 00.634-.123l.074-.029.044.065a4.116 4.116 0 00.465.564l.1.1-.124.061a2.664 2.664 0 01-1.192.282zm0-5.178a2.492 2.492 0 00-2.488 2.489A2.491 2.491 0 003.54 6.422a2.452 2.452 0 00.978-.2 4.332 4.332 0 01-.346-.426 1.931 1.931 0 01-.632.109 1.971 1.971 0 01-1.969-1.969 1.972 1.972 0 011.969-1.97.826.826 0 01.114.009 4.34 4.34 0 01.219-.505 2.411 2.411 0 00-.333-.026z"
/>
<circle cx="2" cy="2" r="2" transform="translate(-71 0.213)" />
</g>
<g data-name="Grupo 1485">
<path
data-name="Trazado 334"
d="M2.468 9.922H1.309a.455.455 0 01-.431-.247.582.582 0 01.049-.6l.051-.071A3.264 3.264 0 013.364 7.76h.154a3.206 3.206 0 01.437.034 5.99 5.99 0 01.821-.544 3.954 3.954 0 00-1.449-.2A4 4 0 00.403 8.58l-.064.089a1.309 1.309 0 00-.1 1.342 1.182 1.182 0 001.07.635h1.142a2.521 2.521 0 01.017-.724z"
/>
<path
data-name="Trazado 334 - Contorno"
d="M2.564 10.744H1.309a1.28 1.28 0 01-1.159-.689 1.41 1.41 0 01.108-1.446l.066-.092a4.1 4.1 0 013-1.57h.193a4.078 4.078 0 011.292.214l.217.072-.2.11a5.877 5.877 0 00-.808.535l-.034.026-.042-.006a3.071 3.071 0 00-.423-.033H3.37a3.161 3.161 0 00-2.312 1.2l-.028.039-.021.03a.481.481 0 00-.041.492.357.357 0 00.342.193h1.277l-.02.117a2.427 2.427 0 00-.016.691zm.953-3.6h-.183a3.9 3.9 0 00-2.85 1.491 2.246 2.246 0 00-.061.085 1.209 1.209 0 00-.1 1.241 1.083 1.083 0 00.981.581h1.032a2.64 2.64 0 01.011-.52H1.304a.557.557 0 01-.52-.3.682.682 0 01.057-.7l.022-.031.029-.04a3.365 3.365 0 012.463-1.286h.159a3.159 3.159 0 01.409.029 6.081 6.081 0 01.6-.411 3.84 3.84 0 00-1.006-.141z"
/>
</g>
</g>
<g data-name="Grupo 1489">
<g data-name="Grupo 1487">
<path
data-name="Trazado 335"
d="M11.646 1.344a2.584 2.584 0 00-.483.047 4.094 4.094 0 01.3.691c.061-.006.118-.018.18-.018a1.872 1.872 0 011.87 1.87 1.872 1.872 0 01-1.87 1.869 1.858 1.858 0 01-.669-.129 4.06 4.06 0 01-.476.578 2.562 2.562 0 001.145.27 2.592 2.592 0 002.589-2.589 2.592 2.592 0 00-2.586-2.589z"
/>
<path
data-name="Trazado 335 - Contorno"
d="M11.646 1.244a2.692 2.692 0 012.689 2.689 2.692 2.692 0 01-2.689 2.689 2.647 2.647 0 01-1.189-.281l-.124-.061.1-.1a3.949 3.949 0 00.464-.564l.044-.066.074.029a1.766 1.766 0 00.633.122 1.772 1.772 0 001.77-1.769 1.772 1.772 0 00-1.77-1.77.756.756 0 00-.1.009l-.069.008-.079.007-.025-.075a4.015 4.015 0 00-.3-.674l-.067-.121.136-.026a2.684 2.684 0 01.502-.046zm0 5.178a2.492 2.492 0 002.489-2.489 2.492 2.492 0 00-2.489-2.489 2.423 2.423 0 00-.33.023 4.206 4.206 0 01.218.505.83.83 0 01.112-.009 1.972 1.972 0 011.97 1.97 1.972 1.972 0 01-1.97 1.969 1.938 1.938 0 01-.63-.109 4.151 4.151 0 01-.346.426 2.443 2.443 0 00.976.203z"
/>
</g>
<g data-name="Grupo 1488">
<path
data-name="Trazado 336"
d="M14.804 8.607a3.948 3.948 0 00-1.5-1.19 4.008 4.008 0 00-1.874-.37 3.889 3.889 0 00-1.045.208 6 6 0 01.834.538c.083-.011.166-.022.248-.027h.154a3.34 3.34 0 012.6 1.28.619.619 0 01.071.638.436.436 0 01-.423.245h-1.168a2.54 2.54 0 01.019.72h1.149a1.161 1.161 0 001.068-.644 1.338 1.338 0 00-.133-1.398z"
/>
<path
data-name="Trazado 336 - Contorno"
d="M11.623 6.942a4.149 4.149 0 011.724.385 4.049 4.049 0 011.533 1.221 1.439 1.439 0 01.152 1.5 1.26 1.26 0 01-1.158.7h-1.262l.013-.112a2.446 2.446 0 00-.018-.691l-.02-.117h1.287a.339.339 0 00.333-.189.518.518 0 00-.061-.534 3.221 3.221 0 00-2.525-1.241h-.148c-.07 0-.14.013-.213.022l-.069.009-.033-.026a5.864 5.864 0 00-.82-.529l-.2-.109.217-.073a3.988 3.988 0 011.073-.213l.195-.003zm2.251 3.6a1.062 1.062 0 00.978-.588 1.238 1.238 0 00-.132-1.288 3.85 3.85 0 00-1.458-1.16 3.946 3.946 0 00-1.64-.366h-.187a3.661 3.661 0 00-.8.135 5.775 5.775 0 01.611.406 2.95 2.95 0 01.215-.022h.159a3.424 3.424 0 012.685 1.32.72.72 0 01.081.743.536.536 0 01-.513.3h-1.052a2.639 2.639 0 01.013.52z"
/>
</g>
</g>
<g data-name="Grupo 1490">
<path
data-name="Trazado 337"
d="M7.596 6.664a3.286 3.286 0 01-3.282-3.282A3.286 3.286 0 017.596.1a3.285 3.285 0 013.281 3.282 3.285 3.285 0 01-3.281 3.282zm0-5.651a2.372 2.372 0 00-2.37 2.37 2.372 2.372 0 002.37 2.37 2.372 2.372 0 002.37-2.37 2.372 2.372 0 00-2.37-2.371z"
/>
<path
data-name="Trazado 337 - Contorno"
d="M7.596 6.764a3.386 3.386 0 01-3.382-3.382A3.386 3.386 0 017.596 0a3.386 3.386 0 013.381 3.382 3.386 3.386 0 01-3.381 3.382zm0-6.564a3.185 3.185 0 00-3.182 3.182 3.185 3.185 0 003.182 3.182 3.185 3.185 0 003.181-3.182A3.185 3.185 0 007.596.2zm0 5.651a2.472 2.472 0 01-2.47-2.469 2.472 2.472 0 012.47-2.47 2.472 2.472 0 012.47 2.47 2.472 2.472 0 01-2.47 2.469zm0-4.739a2.272 2.272 0 00-2.27 2.27 2.272 2.272 0 002.27 2.27 2.272 2.272 0 002.27-2.27 2.272 2.272 0 00-2.27-2.27z"
/>
<path
data-name="Trazado 338"
d="M10.425 11.888H4.767a1.493 1.493 0 01-1.355-.805 1.66 1.66 0 01.126-1.7l.083-.114a5.07 5.07 0 013.707-1.94 5.077 5.077 0 012.374.47 5.021 5.021 0 011.9 1.508 1.7 1.7 0 01.179 1.766 1.471 1.471 0 01-1.356.815zM7.568 8.234h-.194a4.134 4.134 0 00-3.025 1.578l-.065.09a.736.736 0 00-.062.756.579.579 0 00.546.313h5.658a.553.553 0 00.536-.31.789.789 0 00-.09-.809 4.236 4.236 0 00-3.304-1.618zM3.985 9.542z"
/>
<path
data-name="Trazado 338 - Contorno"
d="M10.425 11.988H4.767a1.592 1.592 0 01-1.444-.859 1.762 1.762 0 01.133-1.8l.084-.116a5.173 5.173 0 013.782-1.98 5.2 5.2 0 012.42.479 5.121 5.121 0 011.935 1.538 1.8 1.8 0 01.188 1.871 1.568 1.568 0 01-1.44.867zM7.57 7.422c-.079 0-.158 0-.237.006a4.969 4.969 0 00-3.632 1.9l-.081.111a1.559 1.559 0 00-.119 1.6 1.4 1.4 0 001.267.751h5.658a1.371 1.371 0 001.263-.76 1.6 1.6 0 00-.168-1.661 4.925 4.925 0 00-1.86-1.477 5.027 5.027 0 00-2.092-.47zm2.855 3.654H4.767a.676.676 0 01-.635-.367.838.838 0 01.07-.86 3.09 3.09 0 01.067-.092 4.237 4.237 0 013.1-1.618h.2a4.316 4.316 0 013.383 1.662.892.892 0 01.1.914.658.658 0 01-.627.36zM7.568 8.334h-.189a4.03 4.03 0 00-2.95 1.538 2.826 2.826 0 00-.064.088.635.635 0 00-.055.652.478.478 0 00.457.259h5.658a.456.456 0 00.446-.254.687.687 0 00-.08-.7 4.113 4.113 0 00-3.223-1.583z"
/>
</g>
</svg>
</SvgIcon>

View File

@@ -16,18 +16,16 @@
import React from "react";
import { SvgIcon } from "@material-ui/core";
const HealIcon = () => {
import { IIcon } from "./props";
const HealIcon = ({ width = 24, color }: IIcon) => {
return (
<SvgIcon>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.014 9.993">
<SvgIcon style={{ width: width, height: width, color: color }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.016 10.994">
<path
className="a"
d="M9.162,5.971h0L8.192,5,9.346,3.846a2.257,2.257,0,0,0,0-3.192,2.311,2.311,0,0,0-3.192,0L5,1.808,4.029.837,3.846.654a2.311,2.311,0,0,0-3.192,0,2.257,2.257,0,0,0,0,3.192l.184.183h0L1.808,5,.654,6.154A2.257,2.257,0,0,0,3.846,9.346L5,8.192l.971.971.183.183A2.257,2.257,0,0,0,9.346,6.154Zm-2.29-4.6a1.27,1.27,0,0,1,1.757,0,1.242,1.242,0,0,1,0,1.757L7.475,4.283,5.717,2.525Zm-5.5,1.757A1.243,1.243,0,0,1,3.129,1.371l.183.183L1.555,3.312Zm1.757,5.5a1.27,1.27,0,0,1-1.757,0,1.242,1.242,0,0,1,0-1.757L2.525,5.717,4.283,7.475Zm2.843-.9-.254-.253L2.525,4.283l-.253-.254L4.029,2.272l.254.253L7.475,5.717l.253.254Zm2.657.9a1.271,1.271,0,0,1-1.757,0l-.183-.183L8.446,6.688l.183.183h0a1.241,1.241,0,0,1,0,1.757Z"
transform="translate(0.007 -0.014)"
data-name="heal-icn"
d="M6.664 9.834l-.186-.186-.973-.968-1.154 1.154a2.242 2.242 0 01-1.594.66 2.235 2.235 0 01-1.594-.66 2.23 2.23 0 01-.664-1.6 2.227 2.227 0 01.664-1.594l1.154-1.153-.973-.973-.182-.181a2.23 2.23 0 01-.664-1.6 2.227 2.227 0 01.664-1.594 2.3 2.3 0 013.188 0l.186.181.969.973 1.158-1.154a2.3 2.3 0 013.188 0 2.227 2.227 0 01.664 1.594 2.23 2.23 0 01-.664 1.6L8.697 5.487l.973.968.182.186a2.227 2.227 0 01.664 1.594 2.23 2.23 0 01-.664 1.6 2.242 2.242 0 01-1.594.66 2.242 2.242 0 01-1.594-.661zm.533-.9l.18.181a1.277 1.277 0 001.762 0 1.235 1.235 0 00.361-.88 1.225 1.225 0 00-.361-.875l-.187-.186zM1.879 7.36a1.219 1.219 0 00-.363.875 1.228 1.228 0 00.363.88 1.275 1.275 0 001.76 0l1.152-1.153-1.76-1.76zm.9-2.845l.254.254 3.193 3.192.254.254 1.76-1.76-.254-.254-3.193-3.187-.254-.254zm4.6-2.654L6.227 3.015l1.76 1.755 1.154-1.154a1.235 1.235 0 00.361-.88 1.223 1.223 0 00-.361-.875 1.24 1.24 0 00-.881-.355 1.24 1.24 0 00-.883.354zm-5.5 0a1.217 1.217 0 00-.363.875 1.228 1.228 0 00.363.88l.186.186 1.754-1.76-.18-.181a1.221 1.221 0 00-.881-.367 1.216 1.216 0 00-.879.366zM6.01 6.486a.5.5 0 01.5-.5.5.5 0 01.5.5.5.5 0 01-.5.5.5.5 0 01-.5-.501zm-1-1a.5.5 0 01.5-.5.5.5 0 01.5.5.5.5 0 01-.5.5.5.5 0 01-.502-.498zm-1-1a.5.5 0 01.5-.5.5.5 0 01.5.5.5.5 0 01-.5.5.5.5 0 01-.5-.501z"
strokeMiterlimit={10}
/>
<circle cx="0.5" cy="0.5" r="0.5" transform="translate(4.507 4.486)" />
<circle cx="0.5" cy="0.5" r="0.5" transform="translate(3.507 3.486)" />
<circle cx="0.5" cy="0.5" r="0.5" transform="translate(5.507 5.486)" />
</svg>
</SvgIcon>
);

View File

@@ -0,0 +1,37 @@
// This file is part of MinIO Console Server
// Copyright (c) 2021 MinIO, Inc.
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU Affero General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU Affero General Public License for more details.
//
// You should have received a copy of the GNU Affero General Public License
// along with this program. If not, see <http://www.gnu.org/licenses/>.
import React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const HistoryIcon = ({ width = 24, color }: IIcon) => {
return (
<SvgIcon style={{ width: width, height: width, color: color }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.694 19.521">
<path
data-name="Trazado 371"
d="M12.934 0a9.768 9.768 0 00-9.755 9.641L2.028 8.49A1.18 1.18 0 00.36 10.159l3.344 3.344a1.18 1.18 0 001.682 0l3.343-3.344A1.18 1.18 0 007.061 8.49L5.812 9.739a7.13 7.13 0 017.122-7.1 7.131 7.131 0 017.123 7.123 7.131 7.131 0 01-7.123 7.123 1.319 1.319 0 00-1.319 1.319 1.319 1.319 0 001.319 1.319 9.772 9.772 0 009.761-9.76A9.772 9.772 0 0012.934 0z"
/>
<path
data-name="Trazado 372"
d="M13.409 5.529a.537.537 0 00-.107-.385.54.54 0 00-.4-.1l-.668.009a.46.46 0 00-.3.074.459.459 0 00-.106.36c0 1.706 0 3.412-.005 5.119v.085l3.651 3.649a.428.428 0 00.207.138.4.4 0 00.3-.112 3.255 3.255 0 00.637-.639.41.41 0 00.113-.3.437.437 0 00-.143-.215l-2.676-2.66a1.837 1.837 0 01-.426-.546 1.858 1.858 0 01-.094-.78q.043-1.852.017-3.697z"
/>
</svg>
</SvgIcon>
);
};
export default HistoryIcon;

View File

@@ -16,18 +16,35 @@
import React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const BucketsIcon = () => {
const IAMPoliciesIcon = ({ width = 24, active=false }: IIcon) => {
return (
<SvgIcon>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.75 10">
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.983 13.868">
<path
d="M-44.625,10l-4.353-2.419L-53.375,10V0h8.75Z"
transform="translate(53.375)"
data-name="Trazado 339"
d="M11.847 2.479a.671.671 0 00-.681-.633A7.235 7.235 0 016.425.266a.663.663 0 00-.864 0A7.232 7.232 0 01.822 1.849a.668.668 0 00-.687.637c-.1 2.548-.083 6.137 1.19 7.88a12.969 12.969 0 004.25 3.316.971.971 0 00.415.093.97.97 0 00.416-.094 12.806 12.806 0 004.25-3.315c1.274-1.75 1.29-5.339 1.191-7.887zm-1.84 7.407a12.116 12.116 0 01-3.943 3.062.173.173 0 01-.146 0 12.051 12.051 0 01-3.942-3.062C.758 8.217.876 4.159.934 2.646h.015a8.029 8.029 0 005.043-1.7 8.026 8.026 0 005.048 1.7h.01c.057 1.521.175 5.573-1.043 7.241z"
fill={active ? selected : unSelected}
/>
<path
data-name="Trazado 339 - Contorno"
d="M5.991.005a.769.769 0 01.5.185 7.141 7.141 0 004.553 1.557h.142a.774.774 0 01.763.729v.009c.1 2.559.082 6.171-1.21 7.94a12.908 12.908 0 01-4.288 3.346 1.064 1.064 0 01-.458.1 1.064 1.064 0 01-.457-.1 13.074 13.074 0 01-4.289-3.348C-.044 8.654-.061 5.043.038 2.48a.767.767 0 01.791-.733H.95A7.133 7.133 0 005.499.186a.762.762 0 01.492-.181zm5.052 1.943a7.343 7.343 0 01-4.682-1.6.569.569 0 00-.37-.138.562.562 0 00-.365.135A7.334 7.334 0 01.947 1.953h-.15a.566.566 0 00-.561.543c-.1 2.532-.083 6.1 1.17 7.816a12.849 12.849 0 004.212 3.284.875.875 0 00.745 0 12.68 12.68 0 004.211-3.283c1.255-1.719 1.27-5.285 1.171-7.818v-.008a.57.57 0 00-.562-.534h-.142zM5.992.822l.063.051a7.975 7.975 0 004.985 1.678h.106v.1a30.267 30.267 0 01-.043 3.577 7.631 7.631 0 01-1.019 3.726 12.229 12.229 0 01-3.981 3.093.274.274 0 01-.231 0 12.177 12.177 0 01-3.981-3.094C.62 8.212.778 4.026.83 2.653v-.1h.111A7.972 7.972 0 005.921.875zm4.961 1.929a8.172 8.172 0 01-4.961-1.672A8.17 8.17 0 011.03 2.751c-.128 3.591.217 5.973 1.026 7.081a11.948 11.948 0 003.9 3.031.074.074 0 00.062 0 12 12 0 003.9-3.03c.82-1.114 1.164-3.496 1.035-7.087z"
fill={active ? selected : unSelected}
/>
<path
data-name="Trazado 340"
d="M7.477 4.463l-.4-.2-.313-.157-.771-.386v.676l-.836.334.836-.334v-.681l-1.489.745v.526l-.275.11v1l.275.032v.439l.652-.065V9.46l.391.156v.63l.446.223V5.743l-.394.079v-.957l.394-.138.393.138v.956l-.393-.078v4.726l.446-.223v-.63l.739-.293v-.556l-.738.219v-.63l.739-.147v-.546l.3-.027v-.541h-.652v-.592l.3.03.35.035v-.526l.275.055v-1l-.275-.11zm.175.7v.807l-.155-.031-.12-.024v.538l-.24-.024-.3-.03-.11-.011v.8h.652v.349l-.212.019-.091.008v.555l-.659.131-.081.016v.847l.129-.038.609-.181v.354l-.676.268-.063.025v.637l-.245.122V5.859l.273.055.12.024v-.1l.343.069V4.724l-.391-.157-.27-.108-.076-.03v-.553l.625.312.314.157.349.174v.532l.063.025z"
fill={active ? selected : unSelected}
/>
<path
data-name="Trazado 340 - Contorno"
d="M5.892 3.556l.1.05.1-.05v.1l1.488.745v.52l.275.11v1.187l-.275-.055v.515l-.652-.065v.381h.652v.732l-.3.027v.536l-.739.147v.414l.737-.219v.758l-.739.293v.624l-.446.223v.1l-.1-.05-.1.05v-.1l-.446-.223v-.625l-.391-.156v-2.91l-.652.065v-.46l-.275-.032V5.034l.275-.11v-.52l1.489-.745zm0 .77V3.88l-1.289.645v.532l-.275.11v.841l.275.032v.417l.652-.065v3l.391.156v.636l.246.123V5.865l-.394.079V4.795l.594-.208v.07l.393.138v.945l.243.049v-.993l-.736-.294-.8.319-.074-.186zm1.388.26l-1.088-.544v.323l.283.113.454.182v1.373l-.343-.069v.1l-.394-.078v4.158l.045-.023v-.643l.74-.293v-.152l-.739.219V8.189l.74-.147v-.565l.3-.027v-.158h-.652V6.278l.652.066v-.549l.275.055v-.618l-.275-.109zm-1 .35l-.293-.1-.293.1V5.7l.193-.039v-.04l.1.02.1-.02v.04l.193.039z"
fill={active ? selected : unSelected}
/>
</svg>
</SvgIcon>
);
};
export default BucketsIcon;
export default IAMPoliciesIcon;

View File

@@ -16,27 +16,43 @@
import React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const LicenseIcon = () => {
const LicenseIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 11">
<path fill="#fff" d="M11 11H0V2h11v9zM2 8v1h7V8zm0-3v1h5V5z"></path>
<g
fill="#07274a"
stroke="#fdfdfd"
strokeWidth="0.5"
transform="translate(7)"
>
<circle cx="3" cy="3" r="3" stroke="none"></circle>
<circle cx="3" cy="3" r="2.75" fill="none"></circle>
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.595 10.953">
<g transform="translate(.1 .1)" strokeWidth={0.2}>
<path
data-name="Trazado 354"
d="M8.632 0a2.764 2.764 0 00-1.324.338A2.762 2.762 0 005.96 2.074L.671 2.12A.7.7 0 000 2.843v7.186a.7.7 0 00.671.723h7.952a.7.7 0 00.671-.723V5.44a2.765 2.765 0 002.1-2.679A2.766 2.766 0 008.632 0zm-.036 9.376a.6.6 0 01-.58.625H1.277a.6.6 0 01-.58-.625V3.5a.6.6 0 01.58-.624h4.6a2.763 2.763 0 002.721 2.65zm.7-4.652v-.017l-.019.024a2.067 2.067 0 01-.644.1 2.074 2.074 0 01-2.072-2.072A2.072 2.072 0 017.64.94a2.073 2.073 0 01.993-.253 2.074 2.074 0 012.072 2.072 2.074 2.074 0 01-1.411 1.965z"
/>
<path
data-name="Trazado 355"
d="M9.927 2.044a.278.278 0 00-.393 0L8.486 3.09l-.424-.424a.28.28 0 00-.382 0 .28.28 0 00-.014.4l.622.622a.275.275 0 00.2.083.273.273 0 00.2-.083l1.246-1.244h0a.278.278 0 000-.394z"
/>
<rect
data-name="Rect\xE1ngulo 798"
width={4}
height={1}
rx={0.5}
transform="translate(1.999 4)"
/>
<rect
data-name="Rect\xE1ngulo 799"
width={5}
height={1}
rx={0.5}
transform="translate(1.999 6)"
/>
<rect
data-name="Rect\xE1ngulo 800"
width={5}
height={1}
rx={0.5}
transform="translate(1.999 8)"
/>
</g>
<path
fill="none"
stroke="#fff"
strokeWidth="0.5"
d="M8.73 2.794l.954.953 1.471-1.471"
></path>
</svg>
</SvgIcon>
);

View File

@@ -16,27 +16,15 @@
import React from "react";
import { SvgIcon } from "@material-ui/core";
const LogoutIcon = () => {
import { IIcon } from "./props";
const LogoutIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.122 10.571">
<g transform="translate(0 0.5)">
<path
style={{ fill: "none", stroke: "rgba(255,255,255,0.8)" }}
d="M4816.27,3755.205v-2.939h8.539v9.571h-8.539v-2.932"
transform="translate(-4813.187 -3752.266)"
/>
<path
style={{ fill: "none", stroke: "rgba(255,255,255,0.8)" }}
d="M4813.187,3757.052h8.081"
transform="translate(-4813.187 -3752.266)"
/>
<path
style={{ fill: "none", stroke: "rgba(255,255,255,0.8)" }}
d="M4806.5,3756.511l2.265,2.063-2.265,2.063"
transform="translate(-4800.808 -3753.863)"
/>
</g>
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.461 12.636">
<path
data-name="Trazado 358"
d="M7.44 0a.81.81 0 010 1.621H1.62v9.4h5.82a.81.81 0 010 1.62H.81a.81.81 0 01-.81-.81V.81A.811.811 0 01.81 0zM2.777 5.508a.81.81 0 000 1.62h3.918l-.918.917a.81.81 0 001.145 1.146l2.3-2.3a.81.81 0 000-1.155l-2.3-2.3a.81.81 0 00-1.145 1.145l.918.918z"
/>
</svg>
</SvgIcon>
);

View File

@@ -0,0 +1,45 @@
// 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 React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const LogsIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.54 10.539">
<path
data-name="Trazado 343"
d="M9.741.1H.799a.7.7 0 00-.7.7v8.942a.7.7 0 00.7.7h8.942a.7.7 0 00.7-.7V.8a.7.7 0 00-.7-.7zM9.11 9.713H1.43a.6.6 0 01-.6-.6V3.725h8.886v5.388a.6.6 0 01-.606.6z"
/>
<path
data-name="Trazado 343 - Contorno"
d="M.799 0h8.942a.8.8 0 01.8.8v8.942a.8.8 0 01-.8.8H.799a.8.8 0 01-.8-.8V.8a.8.8 0 01.8-.8zm8.942 10.339a.6.6 0 00.6-.6V.797a.6.6 0 00-.6-.6H.799a.6.6 0 00-.6.6v8.942a.6.6 0 00.6.6zM.727 3.621h9.086v5.488a.7.7 0 01-.7.7h-7.68a.7.7 0 01-.7-.7zm8.886.2H.927v5.288a.5.5 0 00.5.5h7.68a.5.5 0 00.5-.5z"
/>
<path
data-name="Trazado 344"
d="M5.19 5.076H2.684a.28.28 0 00-.275.285v.655a.281.281 0 00.275.285H5.19a.28.28 0 00.274-.285v-.659a.28.28 0 00-.274-.281z"
/>
<path
data-name="Trazado 344 - Contorno"
d="M2.683 4.976h2.506a.38.38 0 01.375.385v.655a.38.38 0 01-.375.385H2.683a.381.381 0 01-.375-.385v-.659a.381.381 0 01.375-.381zm2.506 1.229a.18.18 0 00.174-.185v-.659a.18.18 0 00-.174-.185H2.683a.18.18 0 00-.175.185v.655a.181.181 0 00.175.185z"
/>
</svg>
</SvgIcon>
);
};
export default LogsIcon;

View File

@@ -0,0 +1,57 @@
// 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 React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const ObjectBrowserFolderIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.141 23.33">
<g data-name="Grupo 1541" transform="translate(9.678 9.015)">
<circle
data-name="Elipse 57"
cx={1.268}
cy={1.268}
r={1.268}
transform="rotate(-10.901 30.906 -19.657)"
/>
<rect
data-name="Rect\xE1ngulo 805"
width={2.707}
height={2.295}
rx={1.148}
transform="translate(1.601 2.812)"
/>
<path
data-name="Trazado 365"
d="M3.099 6.637a.267.267 0 00-.463 0l-1 1.735a.267.267 0 00.231.4h2a.267.267 0 00.232-.4z"
/>
<path
data-name="Trazado 366"
d="M8.726 3.104a16.588 16.588 0 00-.021-1.927A1.119 1.119 0 007.988.135a1.734 1.734 0 00-.2-.058 4.224 4.224 0 00-.807-.073c-.472-.014-.943.015-1.415.013-.945 0-1.889.013-2.834.017H.695a.694.694 0 00-.693.693v8.874a.694.694 0 00.693.693h7.34a.694.694 0 00.693-.693V5.18c-.001-.691-.019-1.386-.002-2.076zm-.842 5.871a.6.6 0 01-.6.6H1.317a.6.6 0 01-.6-.6V1.354a.6.6 0 01.6-.6h4v1.024a1.52 1.52 0 001.518 1.518h1.043zm0-6.34H6.841a.857.857 0 01-.856-.856V.755h1.3a.6.6 0 01.6.6z"
/>
</g>
<path
data-name="Trazado 367"
d="M11.182 2.209c.726 0 1.5 2.076 2.283 2.076h9.68a1.041 1.041 0 011.038 1.038v.519H4.435V3.247h-.026a1.041 1.041 0 011.038-1.038h5.735m13.674 4.9a1.079 1.079 0 011.076 1.076l-1.1 11.862a1.079 1.079 0 01-1.076 1.076H4.363a1.079 1.079 0 01-1.076-1.076L2.211 8.185a1.079 1.079 0 011.076-1.076h21.571M11.184.001H5.449a3.25 3.25 0 00-3.247 3.247 2.22 2.22 0 00.026.339v1.487a3.291 3.291 0 00-2.227 3.11c0 .067 0 .133.009.2l1.069 11.788a3.288 3.288 0 003.282 3.158h19.393a3.288 3.288 0 003.282-3.155l1.1-11.786c.006-.068.009-.136.009-.2a3.288 3.288 0 00-1.749-2.9 3.251 3.251 0 00-3.247-3.2H14.19l-.124-.167a3.694 3.694 0 00-2.88-1.909z"
/>
</svg>
</SvgIcon>
);
};
export default ObjectBrowserFolderIcon;

View File

@@ -0,0 +1,51 @@
// 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 React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const ObjectBrowserIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.502 13.542">
<circle
data-name="Elipse 55"
cx={1.667}
cy={1.667}
r={1.667}
transform="rotate(-10.901 40.65 -25.855)"
/>
<rect
data-name="Rect\xE1ngulo 797"
width={3.561}
height={3.019}
rx={1.51}
transform="translate(2.105 3.699)"
/>
<path
data-name="Trazado 322"
d="M4.076 8.73a.352.352 0 00-.609 0L2.15 11.012a.352.352 0 00.3.527h2.635a.352.352 0 00.3-.527z"
/>
<path
data-name="Trazado 323"
d="M11.479 4.083a22.083 22.083 0 00-.027-2.536 1.472 1.472 0 00-.943-1.371 2.294 2.294 0 00-.266-.077A5.586 5.586 0 009.18.004c-.62-.018-1.24.019-1.86.017C6.077.016 4.834.038 3.591.043H.911a.913.913 0 00-.912.912v11.674a.913.913 0 00.912.912h9.656a.912.912 0 00.912-.912V6.813c.001-.909-.022-1.822 0-2.73zm-1.107 7.722a.788.788 0 01-.787.788H1.736a.787.787 0 01-.787-.788V1.78a.787.787 0 01.787-.788h5.266v1.347a2 2 0 002 2h1.373zm0-8.339H8.999a1.128 1.128 0 01-1.126-1.127V.992h1.712a.788.788 0 01.787.788z"
/>
</svg>
</SvgIcon>
);
};
export default ObjectBrowserIcon;

View File

@@ -0,0 +1,33 @@
// 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 React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const RefreshIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.157 21.107">
<path
data-name="Trazado 373"
d="M0 12.028a9.086 9.086 0 018.968-9.073l-1.071-1.07A1.1 1.1 0 019.449.333l3.11 3.11a1.1 1.1 0 010 1.565l-3.11 3.11a1.1 1.1 0 01-1.552-1.552l1.161-1.161a6.632 6.632 0 00-6.6 6.624 6.633 6.633 0 006.625 6.625 6.633 6.633 0 006.625-6.625 1.227 1.227 0 011.227-1.227 1.227 1.227 0 011.227 1.227 9.089 9.089 0 01-9.079 9.079A9.089 9.089 0 010 12.028z"
/>
</svg>
</SvgIcon>
);
};
export default RefreshIcon;

View File

@@ -0,0 +1,33 @@
// 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 React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const ReportedUsageIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.444 20.444">
<path
data-name="Trazado 390"
d="M10.222 0A10.234 10.234 0 000 10.222a10.234 10.234 0 0010.222 10.222 10.234 10.234 0 0010.222-10.222A10.234 10.234 0 0010.222 0zm0 17.815a7.6 7.6 0 01-7.594-7.593 7.6 7.6 0 017.594-7.594v7.594h7.593a7.6 7.6 0 01-7.593 7.593z"
/>
</svg>
</SvgIcon>
);
};
export default ReportedUsageIcon;

View File

@@ -0,0 +1,34 @@
// 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 React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const SearchIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.454 15.634">
<path
data-name="Trazado 399"
d="M12.078 10.958A6.708 6.708 0 0013.54 6.77 6.772 6.772 0 006.77 0 6.772 6.772 0 000 6.77a6.772 6.772 0 006.77 6.77 6.707 6.707 0 004.008-1.318l3.141 3.141a.907.907 0 00.632.271.876.876 0 00.632-.271.894.894 0 000-1.282zM1.805 6.77A4.962 4.962 0 016.77 1.805a4.962 4.962 0 014.965 4.965 4.973 4.973 0 01-4.965 4.965A4.973 4.973 0 011.805 6.77z"
fill="#202020"
/>
</svg>
</SvgIcon>
);
};
export default SearchIcon;

View File

@@ -0,0 +1,37 @@
// This file is part of MinIO Console Server
// Copyright (c) 2021 MinIO, Inc.
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU Affero General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU Affero General Public License for more details.
//
// You should have received a copy of the GNU Affero General Public License
// along with this program. If not, see <http://www.gnu.org/licenses/>.
import React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const SettingsIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.162 14.162">
<path
data-name="Trazado 341"
d="M13.699 5.489l-1.477-.213a5.127 5.127 0 00-.23-.545l.9-1.194a.544.544 0 00-.05-.714l-1.487-1.5a.544.544 0 00-.713-.049l-1.195.9a4.947 4.947 0 00-.545-.229L8.69.468a.545.545 0 00-.545-.469h-2.11a.544.544 0 00-.544.469l-.212 1.477a4.947 4.947 0 00-.545.229l-1.2-.9a.546.546 0 00-.715.049L1.332 2.811a.544.544 0 00-.049.714l.9 1.194a4.845 4.845 0 00-.23.545l-1.476.213a.545.545 0 00-.469.545v2.1a.545.545 0 00.469.545l1.476.212a4.763 4.763 0 00.23.545l-.9 1.2a.545.545 0 00.049.714l1.487 1.488a.547.547 0 00.715.049l1.193-.9a4.758 4.758 0 00.545.229l.212 1.477a.545.545 0 00.545.469h2.1a.546.546 0 00.545-.469l.212-1.477a4.988 4.988 0 00.545-.229l1.193.894a.545.545 0 00.714-.049l1.488-1.488a.545.545 0 00.049-.714l-.889-1.189a4.94 4.94 0 00.229-.545l1.478-.213a.546.546 0 00.469-.545V6.017a.546.546 0 00-.463-.528zm-.622 2.18l-1.352.2a.546.546 0 00-.447.393 4.541 4.541 0 01-.38.965.542.542 0 000 .584l.816 1.09-.816.834-1.091-.834a.545.545 0 00-.579 0 4.19 4.19 0 01-.98.4.543.543 0 00-.393.447l-.2 1.33H6.499l-.2-1.352a.543.543 0 00-.393-.447 4.212 4.212 0 01-.981-.4.544.544 0 00-.578.022l-1.09.817-.834-.817.834-1.09a.545.545 0 000-.584 4.574 4.574 0 01-.4-.976.545.545 0 00-.447-.393l-1.33-.2V6.5l1.352-.2a.544.544 0 00.447-.393 4.577 4.577 0 01.381-.976.545.545 0 000-.583l-.834-1.09.834-.834 1.09.834a.543.543 0 00.578 0 4.217 4.217 0 01.981-.4.543.543 0 00.393-.447l.2-1.33h1.156l.2 1.352a.545.545 0 00.393.447 4.167 4.167 0 01.98.4.546.546 0 00.579-.022l1.091-.818.833.818-.833 1.09a.543.543 0 00-.039.6 4.529 4.529 0 01.4.976.544.544 0 00.447.392l1.352.2z"
/>
<path
data-name="Trazado 342"
d="M7.078 4.355a2.726 2.726 0 00-2.725 2.726 2.726 2.726 0 002.725 2.721 2.726 2.726 0 002.726-2.725 2.726 2.726 0 00-2.726-2.722zm0 4.361a1.635 1.635 0 01-1.635-1.635 1.635 1.635 0 011.635-1.636 1.635 1.635 0 011.635 1.636 1.634 1.634 0 01-1.635 1.635z"
/>
</svg>
</SvgIcon>
);
};
export default SettingsIcon;

View File

@@ -21,7 +21,7 @@ interface IShareIcon {
width?: number;
}
const ShareIcon = ({ width = 20 }: IShareIcon) => {
const ShareIcon = ({ width = 24 }: IShareIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13">

View File

@@ -0,0 +1,64 @@
// 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 React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const StorageIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.03 17.305">
<g transform="translate(.1 .1)" strokeWidth={0.2}>
<path
data-name="Trazado 396"
d="M15.875 0H.955A.956.956 0 000 .955v3.472a.957.957 0 00.955.956h14.92a.957.957 0 00.956-.956V.955A.957.957 0 0015.875 0zm.019 4.427a.019.019 0 01-.019.019L.937 4.427.956.937l14.938.019z"
/>
<path
data-name="Trazado 397"
d="M15.875 5.861H.955A.956.956 0 000 6.816v3.472a.956.956 0 00.955.956h14.92a.957.957 0 00.956-.956V6.816a.957.957 0 00-.956-.955zm.019 4.427a.019.019 0 01-.019.019L.937 10.288l.019-3.49 14.938.019z"
/>
<path
data-name="Trazado 398"
d="M15.875 11.721H.955a.957.957 0 00-.955.956v3.472a.957.957 0 00.955.956h14.92a.957.957 0 00.956-.956v-3.472a.957.957 0 00-.956-.956zm.019 4.428a.018.018 0 01-.019.019L.937 16.149l.019-3.491 14.938.019z"
/>
<rect
data-name="Rect\xE1ngulo 813"
width={1.555}
height={1.049}
rx={0.524}
transform="translate(1.335 1.469)"
/>
<rect
data-name="Rect\xE1ngulo 814"
width={1.555}
height={1.049}
rx={0.524}
transform="translate(1.335 7.42)"
/>
<rect
data-name="Rect\xE1ngulo 815"
width={1.555}
height={1.049}
rx={0.524}
transform="translate(1.335 13.364)"
/>
</g>
</svg>
</SvgIcon>
);
};
export default StorageIcon;

View File

@@ -0,0 +1,37 @@
// This file is part of MinIO Console Server
// Copyright (c) 2021 MinIO, Inc.
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU Affero General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU Affero General Public License for more details.
//
// You should have received a copy of the GNU Affero General Public License
// along with this program. If not, see <http://www.gnu.org/licenses/>.
import React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const TenantIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44.228 47">
<path
data-name="Trazado 394"
d="M39.085 16.192a4.7 4.7 0 00-4.2 2.6l-8-1.163a13.448 13.448 0 00.522-3.712A13.48 13.48 0 0013.928.437a13.48 13.48 0 00-13.48 13.48 13.481 13.481 0 0011.814 13.374l-.249 4.585h-.067a3.326 3.326 0 00-3.327 3.326 3.326 3.326 0 003.327 3.327 3.326 3.326 0 003.327-3.327 3.323 3.323 0 00-1.418-2.722l.277-5.084a13.422 13.422 0 005.781-1.4l7.133 9.262a6.63 6.63 0 00-1.894 4.645 6.653 6.653 0 006.653 6.653 6.652 6.652 0 006.652-6.653 6.652 6.652 0 00-6.652-6.653 6.612 6.612 0 00-3.276.867l-6.99-9.075a13.526 13.526 0 004.691-5.616l8.171 1.187c-.005.094-.014.186-.014.28a4.7 4.7 0 004.7 4.7 4.7 4.7 0 004.7-4.7 4.7 4.7 0 00-4.702-4.701z"
/>
<path
data-name="Trazado 395"
d="M31.797 47a7.1 7.1 0 01-7.093-7.094 7.048 7.048 0 011.758-4.67l-6.689-8.685a13.744 13.744 0 01-5.231 1.273L14.3 32.27a3.776 3.776 0 011.406 2.933 3.772 3.772 0 01-3.767 3.766 3.771 3.771 0 01-3.767-3.766 3.773 3.773 0 013.416-3.751l.206-3.777A13.929 13.929 0 01.001 13.921 13.936 13.936 0 0113.921 0a13.936 13.936 0 0113.92 13.921 13.9 13.9 0 01-.409 3.348l7.207 1.047a5.113 5.113 0 014.446-2.564 5.15 5.15 0 015.144 5.145 5.15 5.15 0 01-5.144 5.145 5.15 5.15 0 01-5.144-5.045l-7.456-1.083a13.963 13.963 0 01-4.324 5.226l6.482 8.418a7.1 7.1 0 013.154-.743 7.1 7.1 0 017.093 7.093A7.1 7.1 0 0131.797 47zM20.033 25.444l7.588 9.852-.267.274a6.174 6.174 0 00-1.769 4.336 6.219 6.219 0 006.212 6.213 6.219 6.219 0 006.212-6.213 6.219 6.219 0 00-6.212-6.212 6.21 6.21 0 00-3.058.809l-.333.188-7.507-9.748.384-.263a13.076 13.076 0 004.538-5.432l.136-.3 8.9 1.292-.025.4c-.009.136-.013.194-.013.254a4.269 4.269 0 004.264 4.264 4.268 4.268 0 004.263-4.264 4.268 4.268 0 00-4.263-4.264 4.241 4.241 0 00-3.811 2.359l-.143.285-8.815-1.281.139-.484a13.08 13.08 0 00.5-3.591A13.054 13.054 0 0013.913.878 13.054 13.054 0 00.874 13.918a13.046 13.046 0 0011.427 12.937l.409.05-.3 5.42-.425-.008h-.007A2.9 2.9 0 009.041 35.2a2.889 2.889 0 002.886 2.885 2.89 2.89 0 002.886-2.885 2.894 2.894 0 00-1.23-2.362l-.2-.14.313-5.739.41-.006a12.907 12.907 0 005.591-1.35z"
/>
</svg>
</SvgIcon>
);
};
export default TenantIcon;

View File

@@ -0,0 +1,34 @@
// 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 React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const TenantsOutlinedIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.07 26.578">
<path
data-name="Trazado 395"
d="M17.805 26.078a3.864 3.864 0 01-3.86-3.861 3.836 3.836 0 01.957-2.541l-3.641-4.727a7.473 7.473 0 01-2.847.693l-.132 2.42a2.054 2.054 0 01.765 1.6 2.053 2.053 0 01-2.05 2.05 2.053 2.053 0 01-2.05-2.05 2.053 2.053 0 011.859-2.042l.112-2.055A7.58 7.58 0 01.5 8.08 7.584 7.584 0 018.075.504a7.585 7.585 0 017.576 7.576 7.59 7.59 0 01-.223 1.822l3.922.57a2.782 2.782 0 012.419-1.4 2.8 2.8 0 012.8 2.8 2.8 2.8 0 01-2.8 2.8 2.8 2.8 0 01-2.8-2.746l-4.059-.589a7.6 7.6 0 01-2.352 2.844l3.527 4.581a3.864 3.864 0 011.716-.4 3.865 3.865 0 013.861 3.86 3.865 3.865 0 01-3.857 3.856zm-6.4-11.731l4.13 5.362-.145.149a3.36 3.36 0 00-.963 2.36 3.385 3.385 0 003.381 3.381 3.385 3.385 0 003.381-3.381 3.385 3.385 0 00-3.381-3.381 3.378 3.378 0 00-1.664.441l-.181.1-4.086-5.3.209-.144a7.107 7.107 0 002.47-2.956l.074-.165 4.844.7-.014.22c0 .074-.007.106-.007.139a2.323 2.323 0 002.321 2.32 2.323 2.323 0 002.321-2.32 2.323 2.323 0 00-2.321-2.321 2.307 2.307 0 00-2.074 1.284l-.078.155-4.8-.7.076-.264a7.133 7.133 0 00.274-1.954 7.1 7.1 0 00-7.1-7.1 7.1 7.1 0 00-7.1 7.1 7.1 7.1 0 006.219 7.04l.223.027-.161 2.95h-.232 0a1.576 1.576 0 00-1.6 1.569 1.572 1.572 0 001.571 1.57 1.572 1.572 0 001.571-1.57 1.574 1.574 0 00-.67-1.286l-.109-.076.17-3.123h.224a7.017 7.017 0 003.042-.735z"
/>
</svg>
</SvgIcon>
);
};
export default TenantsOutlinedIcon;

View File

@@ -16,35 +16,15 @@
import React from "react";
import { SvgIcon } from "@material-ui/core";
const TraceIcon = () => {
import { IIcon } from "./props";
const TraceIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.998 10">
<g transform="translate(140.999 720)">
<g transform="translate(-105 -720)">
<rect
width="1.114"
height="1.667"
transform="translate(-27.116 8.333)"
/>
<path d="M-28.184,10H-29.3V8.154l2.182-3.037V3.147H-26V5.476l-2.182,3.037Z" />
<rect width="1.114" height="2.963" transform="translate(-31.531)" />
<rect
width="1.114"
height="2.132"
transform="translate(-27.115 0)"
/>
<rect width="1.114" height="5.389" transform="translate(-29.298)" />
<path d="M-30.417,10h-1.114V5.722l-2.233-3V0h1.114V2.353l2.233,3Z" />
<path d="M-32.65,10h-1.114V6.185l-2.234-3V0h1.114V2.815l2.234,3Z" />
<rect
width="1.114"
height="4.463"
transform="translate(-35.999 5.537)"
/>
</g>
</g>
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.998 10.369">
<path
data-name="trace-icn"
d="M1.11 3.014l2.222 2.541v4.495a.32.32 0 01-.319.319h-.472a.321.321 0 01-.32-.319v-4L0 3.333V.319A.32.32 0 01.319 0h.473a.32.32 0 01.319.319zM3.332.32a.32.32 0 00-.319-.319h-.472a.321.321 0 00-.32.319v2.888l2.223 2.717v4.125a.32.32 0 00.319.319h.473a.32.32 0 00.318-.319V5.43L3.332 2.889zm1.9-.319h-.473A.32.32 0 004.44.32v1.583a.32.32 0 00.319.319h.473a.32.32 0 00.318-.319V.32A.32.32 0 005.236 0zm1.749 4.814h.473a.32.32 0 00.319-.319V.32a.32.32 0 00-.319-.319h-.473a.32.32 0 00-.319.319v4.176a.32.32 0 00.323.318zM9.675.001h-.473a.32.32 0 00-.319.319v1.583a.32.32 0 00.319.319h.473a.32.32 0 00.319-.319V.32A.32.32 0 009.679 0zm0 7.036h-.473a.32.32 0 00-.319.319v2.694a.32.32 0 00.319.319h.473a.32.32 0 00.319-.319V7.356a.32.32 0 00-.315-.32zm0-3.333h-.473a.32.32 0 00-.319.319v.718l-2.222 2.3v3.014a.32.32 0 00.319.319h.473a.32.32 0 00.319-.319V7.782l2.222-2.717V4.028a.32.32 0 00-.315-.328zM.788 5.556H.315a.32.32 0 00-.319.319v4.176a.32.32 0 00.319.319h.473a.32.32 0 00.319-.319V5.875a.32.32 0 00-.315-.32z"
/>
</svg>
</SvgIcon>
);

View File

@@ -0,0 +1,37 @@
// This file is part of MinIO Console Server
// Copyright (c) 2021 MinIO, Inc.
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU Affero General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU Affero General Public License for more details.
//
// You should have received a copy of the GNU Affero General Public License
// along with this program. If not, see <http://www.gnu.org/licenses/>.
import React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const TrashIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.836 12.646">
<path
data-name="Trazado 359"
d="M9.527.7h-2.5V.305a.308.308 0 00-.308-.308h-3.6a.308.308 0 00-.308.308V.7h-2.5a.309.309 0 00-.309.309v.787a.309.309 0 00.309.309h9.218a.309.309 0 00.309-.309v-.787A.309.309 0 009.527.7z"
/>
<path
data-name="Trazado 360"
d="M.703 11.225a1.425 1.425 0 001.42 1.421h5.59a1.425 1.425 0 001.42-1.421V2.81H.703z"
/>
</svg>
</SvgIcon>
);
};
export default TrashIcon;

View File

@@ -21,7 +21,7 @@ interface IUploadFile {
width?: number;
}
const UploadFile = ({ width = 20 }: IUploadFile) => {
const UploadFile = ({ width = 24 }: IUploadFile) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 12.996">

View File

@@ -0,0 +1,33 @@
// 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 React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const UploadIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.14 18.671">
<path
data-name="Trazado 370"
d="M0 7.99a1.163 1.163 0 012.326 0v8.355h13.488V7.99a1.163 1.163 0 012.326 0v9.518a1.163 1.163 0 01-1.163 1.163H1.163A1.163 1.163 0 010 17.508V7.99zm7.907 5.7a1.163 1.163 0 002.326 0V3.972l1.318 1.318a1.163 1.163 0 001.645-1.644l-3.3-3.3a1.163 1.163 0 00-1.658 0l-3.3 3.3A1.163 1.163 0 006.583 5.29L7.9 3.972v9.718z"
/>
</svg>
</SvgIcon>
);
};
export default UploadIcon;

View File

@@ -21,25 +21,18 @@ interface IUsersIcon {
width?: number;
}
const UsersIcon = ({ width = 20 }: IUsersIcon) => {
const UsersIcon = ({ width = 24 }: IUsersIcon) => {
return (
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.131 10">
<g transform="translate(193 719.787)">
<g transform="translate(-193 -719.787)">
<path
d="M3,0h.131a3,3,0,0,1,3,3V5a0,0,0,0,1,0,0H0A0,0,0,0,1,0,5V3A3,3,0,0,1,3,0Z"
transform="translate(0 5)"
/>
<ellipse
cx="2.065"
cy="2"
rx="2.065"
ry="2"
transform="translate(1 0)"
/>
</g>
</g>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.289 15.273">
<path
data-name="Trazado 331"
d="M5.651 8.5a4.257 4.257 0 004.252-4.252A4.257 4.257 0 005.651-.004a4.257 4.257 0 00-4.252 4.252A4.257 4.257 0 005.651 8.5zm0-7.322a3.073 3.073 0 013.07 3.07 3.073 3.073 0 01-3.07 3.07 3.073 3.073 0 01-3.069-3.07 3.073 3.073 0 013.069-3.066z"
/>
<path
data-name="Trazado 332"
d="M10.836 11.928a6.493 6.493 0 00-2.457-1.954 6.58 6.58 0 00-3.076-.609 6.566 6.566 0 00-4.8 2.513c-.037.049-.072.1-.107.147a2.149 2.149 0 00-.164 2.2 1.936 1.936 0 001.756 1.043h7.331a1.909 1.909 0 001.754-1.057 2.2 2.2 0 00-.237-2.283zm-.824 1.762a.72.72 0 01-.7.4H1.981a.751.751 0 01-.708-.406.957.957 0 01.081-.979l.085-.116a5.356 5.356 0 013.919-2.044c.084 0 .168-.006.251-.006a5.486 5.486 0 014.279 2.1 1.023 1.023 0 01.124 1.051z"
/>
</svg>
</SvgIcon>
);

View File

@@ -16,39 +16,58 @@
import React from "react";
import { SvgIcon } from "@material-ui/core";
import { IIcon } from "./props";
const WatchIcon = () => {
const WatchIcon = ({ width = 24 }: IIcon) => {
return (
<SvgIcon>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
<g transform="translate(213 720)">
<g transform="translate(-105 -720)">
<rect width="1.5" height="4" transform="translate(-108)" />
<rect width="1.5" height="4" transform="translate(-108 6)" />
<rect width="1.5" height="4" transform="translate(-99.5 6)" />
<rect width="1.5" height="4" transform="translate(-99.5)" />
<rect
width="1.5"
height="4"
transform="translate(-98) rotate(90)"
<SvgIcon style={{ width: width, height: width }}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.312 10.312">
<g transform="translate(4330.232 462.009)">
<g data-name="Grupo 1495">
<path
data-name="Trazado 345"
d="M-4326.383-461.859h-2.819a.88.88 0 00-.88.88v2.908a.2.2 0 00.2.2h.3a.2.2 0 00.2-.2v-2.3a.787.787 0 01.787-.787h2.208a.2.2 0 00.2-.2v-.3a.2.2 0 00-.196-.201z"
/>
<rect
width="1.5"
height="4"
transform="translate(-104) rotate(90)"
<path
data-name="Trazado 345 - Contorno"
d="M-4329.2-462.009h2.819a.354.354 0 01.353.353v.3a.354.354 0 01-.353.353h-2.208a.638.638 0 00-.637.637v2.3a.354.354 0 01-.354.353h-.3a.354.354 0 01-.354-.353v-2.908a1.031 1.031 0 011.034-1.035zm2.819.7a.053.053 0 00.053-.053v-.3a.053.053 0 00-.053-.053h-2.819a.731.731 0 00-.73.73v2.908a.054.054 0 00.054.053h.3a.054.054 0 00.054-.053v-2.3a.938.938 0 01.937-.937z"
/>
<rect
width="1.5"
height="4"
transform="translate(-104 8.5) rotate(90)"
<path
data-name="Trazado 346"
d="M-4320.95-461.859h-3.089a.2.2 0 00-.2.2v.3a.2.2 0 00.2.2h2.478a.788.788 0 01.788.787v2.3a.2.2 0 00.2.2h.3a.2.2 0 00.2-.2v-2.908a.88.88 0 00-.877-.879z"
/>
<rect
width="1.5"
height="4"
transform="translate(-98 8.5) rotate(90)"
<path
data-name="Trazado 346 - Contorno"
d="M-4324.042-462.009h3.089a1.031 1.031 0 011.029 1.03v2.908a.354.354 0 01-.353.353h-.3a.354.354 0 01-.354-.353v-2.3a.638.638 0 00-.638-.637h-2.478a.354.354 0 01-.354-.353v-.3a.354.354 0 01.359-.348zm3.765 3.992a.053.053 0 00.053-.053v-2.908a.73.73 0 00-.729-.73h-3.089a.054.054 0 00-.054.053v.3a.054.054 0 00.054.053h2.478a.938.938 0 01.938.937v2.3a.054.054 0 00.054.053z"
/>
<path
data-name="Trazado 347"
d="M-4320.273-455.93h-.3a.2.2 0 00-.2.2v2.388a.788.788 0 01-.788.788h-2.478a.2.2 0 00-.2.2v.3a.2.2 0 00.2.2h3.089a.879.879 0 00.879-.88v-3a.2.2 0 00-.202-.196z"
/>
<path
data-name="Trazado 347 - Contorno"
d="M-4320.57-456.08h.3a.354.354 0 01.353.353v3a1.031 1.031 0 01-1.029 1.03h-3.089a.354.354 0 01-.354-.353v-.3a.354.354 0 01.354-.353h2.478a.638.638 0 00.638-.638v-2.389a.354.354 0 01.349-.35zm-.38 4.083a.73.73 0 00.729-.73v-3a.053.053 0 00-.053-.053h-.3a.054.054 0 00-.054.053v2.388a.939.939 0 01-.937.938h-2.478a.053.053 0 00-.054.053v.3a.053.053 0 00.054.053z"
/>
<path
data-name="Trazado 348"
d="M-4326.383-452.551h-2.208a.788.788 0 01-.787-.788v-2.391a.2.2 0 00-.2-.2h-.3a.2.2 0 00-.2.2v3a.88.88 0 00.88.88h2.819a.2.2 0 00.2-.2v-.3a.2.2 0 00-.204-.201z"
/>
<path
data-name="Trazado 348 - Contorno"
d="M-4326.383-451.697h-2.819a1.031 1.031 0 01-1.03-1.03v-3a.354.354 0 01.354-.353h.3a.354.354 0 01.354.353v2.388a.638.638 0 00.637.638h2.208a.353.353 0 01.353.353v.3a.353.353 0 01-.357.351zm-3.5-4.083a.054.054 0 00-.054.053v3a.731.731 0 00.73.73h2.819a.053.053 0 00.053-.053v-.3a.053.053 0 00-.053-.053h-2.208a.938.938 0 01-.937-.938v-2.389a.054.054 0 00-.054-.053z"
/>
<circle cx="2" cy="2" r="2" transform="translate(-105 3)" />
</g>
<circle
data-name="Elipse 56"
cx={1.938}
cy={1.938}
r={1.938}
transform="translate(-4327.014 -458.998)"
/>
<path
data-name="Elipse 56 - Contorno"
d="M-4325.076-459.148a2.088 2.088 0 11-2.088 2.088 2.09 2.09 0 012.088-2.088zm0 3.876a1.788 1.788 0 10-1.788-1.788 1.79 1.79 0 001.788 1.788z"
/>
</g>
</svg>
</SvgIcon>

View File

@@ -0,0 +1,20 @@
// 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/>.
export interface IIcon {
width?: number;
active?: boolean;
color?: string;
}

View File

@@ -29,7 +29,6 @@ import CredentialsPrompt from "../Common/CredentialsPrompt/CredentialsPrompt";
import { CreateIcon } from "../../../icons";
import TextField from "@material-ui/core/TextField";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import { stringSort } from "../../../utils/sortFunctions";
import PageHeader from "../Common/PageHeader/PageHeader";
@@ -41,6 +40,7 @@ import {
import { ErrorResponseHandler } from "../../../common/types";
import LockIcon from "@material-ui/icons/Lock";
import ChangePasswordModal from "./ChangePasswordModal";
import SearchIcon from "../../../icons/SearchIcon";
const styles = (theme: Theme) =>
createStyles({
@@ -249,7 +249,7 @@ const Account = ({
disableUnderline: true,
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -48,9 +48,9 @@ import ListItemText from "@material-ui/core/ListItemText";
import ScreenTitle from "../../Common/ScreenTitle/ScreenTitle";
import { IconButton, Tooltip } from "@material-ui/core";
import { BucketsIcon, DeleteIcon } from "../../../../icons";
import RefreshIcon from "@material-ui/icons/Refresh";
import DeleteBucket from "../ListBuckets/DeleteBucket";
import AccessRulePanel from "./AccessRulePanel";
import RefreshIcon from "../../../../icons/RefreshIcon";
const styles = (theme: Theme) =>
createStyles({

View File

@@ -47,10 +47,10 @@ import SetAccessPolicy from "./SetAccessPolicy";
import SetRetentionConfig from "./SetRetentionConfig";
import EnableBucketEncryption from "./EnableBucketEncryption";
import EnableVersioningModal from "./EnableVersioningModal";
import UsageIcon from "../../../../icons/UsageIcon";
import GavelIcon from "@material-ui/icons/Gavel";
import EnableQuota from "./EnableQuota";
import { setBucketDetailsLoad } from "../actions";
import ReportedUsageIcon from "../../../../icons/ReportedUsageIcon";
interface IBucketSummaryProps {
classes: any;
@@ -463,7 +463,7 @@ const BucketSummary = ({
<Grid item xs={4} className={classes.reportedUsage}>
<Grid container direction="row" alignItems="center">
<Grid item className={classes.icon} xs={2}>
<UsageIcon />
<ReportedUsageIcon />
</Grid>
<Grid item xs={10}>
<Typography className={classes.elementTitle}>

View File

@@ -21,7 +21,6 @@ import { Button } from "@material-ui/core";
import Grid from "@material-ui/core/Grid";
import TextField from "@material-ui/core/TextField";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";
import FileCopyIcon from "@material-ui/icons/FileCopy";
import Moment from "react-moment";
import { Bucket, BucketList, HasPermissionResponse } from "../types";
@@ -42,6 +41,7 @@ import AddBucket from "./AddBucket";
import DeleteBucket from "./DeleteBucket";
import PageHeader from "../../Common/PageHeader/PageHeader";
import BulkReplicationModal from "./BulkReplicationModal";
import SearchIcon from "../../../../icons/SearchIcon";
const styles = (theme: Theme) =>
createStyles({
@@ -266,7 +266,7 @@ const ListBuckets = ({
disableUnderline: true,
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -22,9 +22,6 @@ import Grid from "@material-ui/core/Grid";
import get from "lodash/get";
import TextField from "@material-ui/core/TextField";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";
import RefreshIcon from "@material-ui/icons/Refresh";
import RestoreIcon from "@material-ui/icons/Restore";
import {
BucketObject,
BucketObjectsList,
@@ -54,11 +51,11 @@ import * as reactMoment from "react-moment";
import BrowserBreadcrumbs from "../../../../ObjectBrowser/BrowserBreadcrumbs";
import {
addRoute,
fileDownloadStarted,
fileIsBeingPrepared,
resetRewind,
setAllRoutes,
setLastAsFile,
fileIsBeingPrepared,
fileDownloadStarted,
resetRewind,
} from "../../../../ObjectBrowser/actions";
import {
ObjectBrowserReducer,
@@ -68,9 +65,9 @@ import CreateFolderModal from "./CreateFolderModal";
import UploadFile from "../../../../../../icons/UploadFile";
import { download } from "../utils";
import {
setErrorSnackMessage,
setLoadingProgress,
setSnackBarMessage,
setErrorSnackMessage,
} from "../../../../../../actions";
import { BucketVersioning } from "../../../types";
import { ErrorResponseHandler } from "../../../../../../common/types";
@@ -79,7 +76,14 @@ import DeleteIcon from "@material-ui/icons/Delete";
import DeleteMultipleObjects from "./DeleteMultipleObjects";
import { baseUrl } from "../../../../../../history";
import ScreenTitle from "../../../../Common/ScreenTitle/ScreenTitle";
import { CreateNewFolder, FolderOpen } from "@material-ui/icons";
import AddFolderIcon from "../../../../../../icons/AddFolderIcon";
import HistoryIcon from "../../../../../../icons/HistoryIcon";
import ObjectBrowserIcon from "../../../../../../icons/ObjectBrowserIcon";
import ObjectBrowserFolderIcon from "../../../../../../icons/ObjectBrowserFolderIcon";
import FolderIcon from "../../../../../../icons/FolderIcon";
import RefreshIcon from "../../../../../../icons/RefreshIcon";
import SearchIcon from "../../../../../../icons/SearchIcon";
import UploadIcon from "../../../../../../icons/UploadIcon";
const commonIcon = {
backgroundRepeat: "no-repeat",
@@ -120,6 +124,9 @@ const styles = (theme: Theme) =>
fileName: {
display: "flex",
alignItems: "center",
"& .MuiSvgIcon-root": {
marginRight: 4,
},
},
fileNameText: {
whiteSpace: "nowrap",
@@ -127,11 +134,13 @@ const styles = (theme: Theme) =>
textOverflow: "ellipsis",
},
iconFolder: {
backgroundImage: "url(/images/ob_folder_clear.svg)",
backgroundImage: "url(/images/object-browser-folder-icn.svg)",
backgroundSize: "auto",
...commonIcon,
},
iconFile: {
backgroundImage: "url(/images/ob_file_clear.svg)",
backgroundImage: "url(/images/object-browser-icn.svg)",
backgroundSize: "auto",
...commonIcon,
},
buttonsContainer: {
@@ -199,6 +208,7 @@ function useInterval(callback: any, delay: number) {
savedCallback.current();
}
}
if (delay !== null) {
let id = setInterval(tick, delay);
return () => clearInterval(id);
@@ -657,10 +667,10 @@ const ListObjects = ({
const displayName = (element: string) => {
let elementString = element;
let icon = `${classes.iconFile} iconFileElm`;
let icon = <ObjectBrowserIcon width={16} />;
// Element is a folder
if (element.endsWith("/")) {
icon = `${classes.iconFolder} iconFolderElm`;
icon = <ObjectBrowserFolderIcon width={16} />;
elementString = element.substr(0, element.length - 1);
}
@@ -668,7 +678,7 @@ const ListObjects = ({
return (
<div className={classes.fileName}>
<div className={icon} />
{icon}
<span className={classes.fileNameText}>
{splitItem[splitItem.length - 1]}
</span>
@@ -814,7 +824,7 @@ const ListObjects = ({
<ScreenTitle
icon={
<Fragment>
<FolderOpen style={{ width: 40, height: 40 }} />
<FolderIcon width={40} />
</Fragment>
}
title={pageTitle}
@@ -828,14 +838,14 @@ const ListObjects = ({
<Tooltip title={"Choose or create a new path"}>
<IconButton
color="primary"
aria-label="Choose or create a new path"
aria-label="Add a new folder"
component="span"
onClick={() => {
setCreateFolderOpen(true);
}}
disabled={rewindEnabled}
>
<CreateNewFolder />
<AddFolderIcon />
</IconButton>
</Tooltip>
@@ -851,7 +861,7 @@ const ListObjects = ({
}}
disabled={rewindEnabled}
>
<UploadFile />
<UploadIcon />
</IconButton>
</Tooltip>
@@ -880,7 +890,7 @@ const ListObjects = ({
}}
disabled={!isVersioned}
>
<RestoreIcon />
<HistoryIcon />
</IconButton>
</Badge>
</Tooltip>
@@ -914,7 +924,7 @@ const ListObjects = ({
disableUnderline: true,
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -14,7 +14,7 @@
// 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 React, { useEffect, useState, Fragment } from "react";
import React, { Fragment, useEffect, useState } from "react";
import { connect } from "react-redux";
import get from "lodash/get";
import * as reactMoment from "react-moment";
@@ -37,7 +37,6 @@ import Chip from "@material-ui/core/Chip";
import TextField from "@material-ui/core/TextField";
import IconButton from "@material-ui/core/IconButton";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";
import AddIcon from "@material-ui/icons/Add";
import CloseIcon from "@material-ui/icons/Close";
import ShareFile from "./ShareFile";
@@ -72,7 +71,6 @@ import {
setErrorSnackMessage,
setSnackBarMessage,
} from "../../../../../../actions";
import PencilIcon from "../../../../Common/TableWrapper/TableActionIcons/PencilIcon";
import SetRetention from "./SetRetention";
import BrowserBreadcrumbs from "../../../../ObjectBrowser/BrowserBreadcrumbs";
import DeleteObject from "../ListObjects/DeleteObject";
@@ -81,6 +79,8 @@ import DeleteTagModal from "./DeleteTagModal";
import SetLegalHoldModal from "./SetLegalHoldModal";
import ScreenTitle from "../../../../Common/ScreenTitle/ScreenTitle";
import DescriptionIcon from "@material-ui/icons/Description";
import EditIcon from "../../../../../../icons/EditIcon";
import SearchIcon from "../../../../../../icons/SearchIcon";
const styles = (theme: Theme) =>
createStyles({
@@ -633,7 +633,7 @@ const ObjectDetails = ({
setLegalholdOpen(true);
}}
>
<PencilIcon active={true} />
<EditIcon width={16} />
</IconButton>
</Fragment>
) : (
@@ -656,7 +656,7 @@ const ObjectDetails = ({
openRetentionModal();
}}
>
<PencilIcon active={true} />
<EditIcon width={16} />
</IconButton>
</td>
</tr>
@@ -760,7 +760,7 @@ const ObjectDetails = ({
disableUnderline: true,
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -19,7 +19,6 @@ import { Link } from "react-router-dom";
import { createStyles, withStyles } from "@material-ui/core/styles";
import { IconButton } from "@material-ui/core";
import ViewIcon from "./TableActionIcons/ViewIcon";
import PencilIcon from "./TableActionIcons/PencilIcon";
import ShareIcon from "./TableActionIcons/ShareIcon";
import DeleteIcon from "./TableActionIcons/DeleteIcon";
import DescriptionIcon from "./TableActionIcons/DescriptionIcon";
@@ -28,6 +27,9 @@ import ConsoleIcon from "./TableActionIcons/ConsoleIcon";
import DownloadIcon from "./TableActionIcons/DownloadIcon";
import DisableIcon from "./TableActionIcons/DisableIcon";
import FormatDriveIcon from "./TableActionIcons/FormatDriveIcon";
import EditIcon from "../../../../icons/EditIcon";
import TrashIcon from "../../../../icons/TrashIcon";
import { IAMPoliciesIcon } from "../../../../icons";
const styles = () =>
createStyles({
@@ -60,11 +62,11 @@ const defineIcon = (type: string, selected: boolean) => {
case "view":
return <ViewIcon active={selected} />;
case "edit":
return <PencilIcon active={selected} />;
return <EditIcon width={16} active={selected} />;
case "delete":
return <DeleteIcon active={selected} />;
return <TrashIcon width={16} active={selected} />;
case "description":
return <DescriptionIcon active={selected} />;
return <IAMPoliciesIcon width={16} active={selected} />;
case "share":
return <ShareIcon active={selected} />;
case "cloud":

View File

@@ -21,10 +21,10 @@ import Typography from "@material-ui/core/Typography";
import { Button, TextField } from "@material-ui/core";
import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";
import AddIcon from "@material-ui/icons/Add";
import TableWrapper from "../../Common/TableWrapper/TableWrapper";
import EditConfiguration from "../CustomForms/EditConfiguration";
import SearchIcon from "../../../../icons/SearchIcon";
interface IMatchParams {
isExact: boolean;
@@ -147,7 +147,7 @@ const WebhookPanel = ({ match, classes }: IWebhookPanel) => {
disableUnderline: true,
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -23,7 +23,6 @@ import Grid from "@material-ui/core/Grid";
import FiberManualRecordIcon from "@material-ui/icons/FiberManualRecord";
import Button from "@material-ui/core/Button";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";
import {
NotificationEndpointItem,
NotificationEndpointsList,
@@ -45,7 +44,8 @@ import api from "../../../../common/api";
import SlideOptions from "../../Common/SlideOptions/SlideOptions";
import BackSettingsIcon from "../../../../icons/BackSettingsIcon";
import NotificationTypeSelector from "./NotificationTypeSelector";
import RefreshIcon from "@material-ui/icons/Refresh";
import RefreshIcon from "../../../../icons/RefreshIcon";
import SearchIcon from "../../../../icons/SearchIcon";
interface IListNotificationEndpoints {
classes: any;
@@ -183,7 +183,7 @@ const ListNotificationEndpoints = ({
disableUnderline: true,
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -22,7 +22,6 @@ import { IconButton, TextField } from "@material-ui/core";
import Grid from "@material-ui/core/Grid";
import Button from "@material-ui/core/Button";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";
import {
actionsTray,
containerForHeader,
@@ -40,7 +39,8 @@ import SlideOptions from "../../Common/SlideOptions/SlideOptions";
import BackSettingsIcon from "../../../../icons/BackSettingsIcon";
import AddTierConfiguration from "./AddTierConfiguration";
import UpdateTierCredentiasModal from "./UpdateTierCredentiasModal";
import RefreshIcon from "@material-ui/icons/Refresh";
import RefreshIcon from "../../../../icons/RefreshIcon";
import SearchIcon from "../../../../icons/SearchIcon";
interface IListTiersConfig {
classes: any;
@@ -228,7 +228,7 @@ const ListTiersConfiguration = ({
disableUnderline: true,
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -14,20 +14,19 @@
// 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 React, { Fragment, useState } from "react";
import React, { Fragment } from "react";
import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
import clsx from "clsx";
import Grid from "@material-ui/core/Grid";
import Paper from "@material-ui/core/Paper";
import Typography from "@material-ui/core/Typography";
import { Usage, ServerInfo } from "../types";
import { Usage } from "../types";
import { niceBytes, niceDays } from "../../../../common/utils";
import AllBucketsIcon from "../../../../icons/AllBucketsIcon";
import UsageIcon from "../../../../icons/UsageIcon";
import DnsIcon from "@material-ui/icons/Dns";
import EgressIcon from "../../../../icons/EgressIcon";
import TableWrapper from "../../Common/TableWrapper/TableWrapper";
import { TableContainer } from "@material-ui/core";
import ReportedUsageIcon from "../../../../icons/ReportedUsageIcon";
import { BucketsIcon } from "../../../../icons";
const styles = (theme: Theme) =>
createStyles({
@@ -171,7 +170,7 @@ const BasicDashboard = ({ classes, usage }: IDashboardProps) => {
<Paper className={fixedHeightPaper}>
<Grid container direction="row" alignItems="center">
<Grid item className={classes.icon}>
<AllBucketsIcon />
<BucketsIcon />
</Grid>
<Grid item>
<Typography className={classes.elementTitle}>
@@ -186,7 +185,7 @@ const BasicDashboard = ({ classes, usage }: IDashboardProps) => {
<Paper className={fixedHeightPaper}>
<Grid container direction="row" alignItems="center">
<Grid item className={classes.icon}>
<UsageIcon />
<ReportedUsageIcon />
</Grid>
<Grid item>
<Typography className={classes.elementTitle}>

View File

@@ -25,9 +25,7 @@ import {
IconButton,
} from "@material-ui/core";
import get from "lodash/get";
import SearchIcon from "@material-ui/icons/Search";
import GroupIcon from "@material-ui/icons/Group";
import RefreshIcon from "@material-ui/icons/Refresh";
import { CreateIcon } from "../../../icons";
import { setErrorSnackMessage } from "../../../actions";
import {
@@ -47,6 +45,8 @@ import api from "../../../common/api";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import FormatDrives from "./FormatDrives";
import FormatErrorsResult from "./FormatErrorsResult";
import RefreshIcon from "../../../icons/RefreshIcon";
import SearchIcon from "../../../icons/SearchIcon";
interface IDirectCSIMain {
classes: any;
@@ -260,7 +260,7 @@ const DirectCSIMain = ({
disableUnderline: true,
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -19,7 +19,6 @@ import get from "lodash/get";
import { connect } from "react-redux";
import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
import { Grid, InputAdornment, TextField } from "@material-ui/core";
import SearchIcon from "@material-ui/icons/Search";
import { AppState } from "../../../store";
import {
actionsTray,
@@ -32,6 +31,7 @@ import { niceBytes } from "../../../common/utils";
import { ErrorResponseHandler } from "../../../common/types";
import api from "../../../common/api";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import SearchIcon from "../../../icons/SearchIcon";
interface IDirectCSIVolumesProps {
classes: any;
@@ -117,7 +117,7 @@ const DirectCSIVolumes = ({
disableUnderline: true,
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -20,7 +20,6 @@ import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
import Grid from "@material-ui/core/Grid";
import TextField from "@material-ui/core/TextField";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";
import { Button } from "@material-ui/core";
import { CreateIcon } from "../../../icons";
import { setErrorSnackMessage } from "../../../actions";
@@ -38,6 +37,7 @@ import DeleteGroup from "./DeleteGroup";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import SetPolicy from "../Policies/SetPolicy";
import PageHeader from "../Common/PageHeader/PageHeader";
import SearchIcon from "../../../icons/SearchIcon";
interface IGroupsProps {
classes: any;
@@ -198,7 +198,7 @@ const Groups = ({ classes, setErrorSnackMessage }: IGroupsProps) => {
disableUnderline: true,
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -23,7 +23,6 @@ import Paper from "@material-ui/core/Paper";
import Grid from "@material-ui/core/Grid";
import TextField from "@material-ui/core/TextField";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";
import { UsersList } from "../Users/types";
import { usersSort } from "../../../utils/sortFunctions";
import {
@@ -34,6 +33,7 @@ import { setModalErrorSnackMessage } from "../../../actions";
import { ErrorResponseHandler } from "../../../common/types";
import api from "../../../common/api";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import SearchIcon from "../../../icons/SearchIcon";
interface IGroupsProps {
classes: any;
@@ -196,7 +196,7 @@ const UsersSelectors = ({
InputProps={{
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -20,7 +20,6 @@ import { connect } from "react-redux";
import { Grid } from "@material-ui/core";
import TextField from "@material-ui/core/TextField";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";
import moment from "moment/moment";
import { AppState } from "../../../../store";
import { logMessageReceived, logResetMessages } from "../actions";
@@ -32,6 +31,7 @@ import {
logsCommon,
searchField,
} from "../../Common/FormComponents/common/styleLibrary";
import SearchIcon from "../../../../icons/SearchIcon";
const styles = (theme: Theme) =>
createStyles({
@@ -337,7 +337,7 @@ const ErrorLogs = ({
disableUnderline: true,
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -25,21 +25,15 @@ import DescriptionIcon from "@material-ui/icons/Description";
import Collapse from "@material-ui/core/Collapse";
import ListItemText from "@material-ui/core/ListItemText";
import List from "@material-ui/core/List";
import LibraryBooksIcon from "@material-ui/icons/LibraryBooks";
import TrackChangesSharpIcon from "@material-ui/icons/TrackChangesSharp";
import StorageIcon from "@material-ui/icons/Storage";
import { AppState } from "../../../store";
import { userLoggedIn } from "../../../actions";
import { menuGroups } from "./utils";
import { IMenuItem, IMenuProps } from "./types";
import {
BucketsIcon,
ClustersIcon,
ConfigurationsListIcon,
DashboardIcon,
GroupsIcon,
IAMPoliciesIcon,
ServiceAccountsIcon,
TraceIcon,
UsersIcon,
} from "../../../icons";
@@ -47,13 +41,19 @@ import { ErrorResponseHandler } from "../../../common/types";
import { clearSession } from "../../../common/utils";
import LicenseIcon from "../../../icons/LicenseIcon";
import LogoutIcon from "../../../icons/LogoutIcon";
import ConsoleIcon from "../../../icons/ConsoleIcon";
import HealIcon from "../../../icons/HealIcon";
import WatchIcon from "../../../icons/WatchIcon";
import OperatorLogo from "../../../icons/OperatorLogo";
import ConsoleLogo from "../../../icons/ConsoleLogo";
import history from "../../../history";
import api from "../../../common/api";
import AccountIcon from "../../../icons/AccountIcon";
import DiagnosticsIcon from "../../../icons/DiagnosticsIcon";
import DocumentationIcon from "../../../icons/DocumentationIcon";
import LogsIcon from "../../../icons/LogsIcon";
import SettingsIcon from "../../../icons/SettingsIcon";
import StorageIcon from "../../../icons/StorageIcon";
import TenantsOutlinedIcon from "../../../icons/TenantsOutlineIcon";
const styles = (theme: Theme) =>
createStyles({
@@ -213,7 +213,7 @@ const Menu = ({
component: NavLink,
to: "/account",
name: "Service Accounts",
icon: <ServiceAccountsIcon />,
icon: <AccountIcon />,
},
{
group: "Admin",
@@ -253,7 +253,7 @@ const Menu = ({
component: NavLink,
to: "/logs",
name: "Logs",
icon: <ConsoleIcon />,
icon: <LogsIcon />,
},
{
group: "Tools",
@@ -286,7 +286,7 @@ const Menu = ({
component: NavLink,
to: "/health-info",
name: "Diagnostic",
icon: <TrackChangesSharpIcon />,
icon: <DiagnosticsIcon />,
},
{
group: "Admin",
@@ -294,7 +294,7 @@ const Menu = ({
component: NavLink,
to: "/settings",
name: "Settings",
icon: <ConfigurationsListIcon />,
icon: <SettingsIcon />,
},
{
group: "Operator",
@@ -302,7 +302,7 @@ const Menu = ({
component: NavLink,
to: "/tenants",
name: "Tenants",
icon: <ClustersIcon />,
icon: <TenantsOutlinedIcon />,
},
{
group: "Operator",
@@ -325,7 +325,7 @@ const Menu = ({
component: NavLink,
to: "/documentation",
name: "Documentation",
icon: <LibraryBooksIcon />,
icon: <DocumentationIcon />,
forceDisplay: true,
};

View File

@@ -22,7 +22,6 @@ import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
import Grid from "@material-ui/core/Grid";
import TextField from "@material-ui/core/TextField";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";
import { IconButton, Tooltip } from "@material-ui/core";
import { BucketsIcon, CreateIcon } from "../../../icons";
import { niceBytes } from "../../../common/utils";
@@ -39,8 +38,9 @@ import BrowserBreadcrumbs from "./BrowserBreadcrumbs";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import AddBucket from "../Buckets/ListBuckets/AddBucket";
import api from "../../../common/api";
import RefreshIcon from "@material-ui/icons/Refresh";
import ScreenTitle from "../Common/ScreenTitle/ScreenTitle";
import RefreshIcon from "../../../icons/RefreshIcon";
import SearchIcon from "../../../icons/SearchIcon";
const styles = (theme: Theme) =>
createStyles({
@@ -275,7 +275,7 @@ const BrowseBuckets = ({
disableUnderline: true,
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -22,7 +22,6 @@ import { Button } from "@material-ui/core";
import Grid from "@material-ui/core/Grid";
import TextField from "@material-ui/core/TextField";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";
import { Policy, PolicyList } from "./types";
import { CreateIcon } from "../../../icons";
import { setErrorSnackMessage } from "../../../actions";
@@ -38,6 +37,7 @@ import TableWrapper from "../Common/TableWrapper/TableWrapper";
import PageHeader from "../Common/PageHeader/PageHeader";
import api from "../../../common/api";
import history from "../../../history";
import SearchIcon from "../../../icons/SearchIcon";
const styles = (theme: Theme) =>
createStyles({
@@ -188,7 +188,7 @@ const ListPolicies = ({ classes, setErrorSnackMessage }: IPoliciesProps) => {
disableUnderline: true,
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -35,15 +35,15 @@ import { ErrorResponseHandler } from "../../../common/types";
import CodeMirrorWrapper from "../Common/FormComponents/CodeMirrorWrapper/CodeMirrorWrapper";
import history from "../../../history";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";
import TextField from "@material-ui/core/TextField";
import ListItem from "@material-ui/core/ListItem";
import ListItemText from "@material-ui/core/ListItemText";
import List from "@material-ui/core/List";
import { DeleteIcon } from "../../../icons";
import RefreshIcon from "@material-ui/icons/Refresh";
import { Assignment } from "@material-ui/icons";
import ScreenTitle from "../Common/ScreenTitle/ScreenTitle";
import IAMPoliciesIcon from "../../../icons/IAMPoliciesIcon";
import RefreshIcon from "../../../icons/RefreshIcon";
import SearchIcon from "../../../icons/SearchIcon";
import TrashIcon from "../../../icons/TrashIcon";
interface IPolicyDetailsProps {
classes: any;
@@ -329,7 +329,7 @@ const PolicyDetails = ({
<ScreenTitle
icon={
<Fragment>
<Assignment style={{ width: 40, height: 40 }} />
<IAMPoliciesIcon width={40} />
</Fragment>
}
title={policyName}
@@ -345,7 +345,7 @@ const PolicyDetails = ({
// setDeleteOpen(true);
}}
>
<DeleteIcon />
<TrashIcon />
</IconButton>
</Tooltip>
<Tooltip title={"Refresh"}>
@@ -491,7 +491,7 @@ const PolicyDetails = ({
disableUnderline: true,
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -20,7 +20,6 @@ import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
import { LinearProgress } from "@material-ui/core";
import Grid from "@material-ui/core/Grid";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";
import TextField from "@material-ui/core/TextField";
import { policySort } from "../../../utils/sortFunctions";
import {
@@ -32,6 +31,7 @@ import { setModalErrorSnackMessage } from "../../../actions";
import { ErrorResponseHandler } from "../../../common/types";
import api from "../../../common/api";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import SearchIcon from "../../../icons/SearchIcon";
interface ISelectPolicyProps {
classes: any;
@@ -184,7 +184,7 @@ const PolicySelectors = ({
InputProps={{
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -20,7 +20,6 @@ import { connect } from "react-redux";
import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
import { Grid, InputAdornment, TextField } from "@material-ui/core";
import history from "../../../history";
import SearchIcon from "@material-ui/icons/Search";
import {
actionsTray,
containerForHeader,
@@ -31,6 +30,7 @@ import { setErrorSnackMessage } from "../../../actions";
import { ErrorResponseHandler } from "../../../common/types";
import api from "../../../common/api";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import SearchIcon from "../../../icons/SearchIcon";
interface IStorageVolumesProps {
classes: any;
@@ -109,7 +109,7 @@ const StorageVolumes = ({
disableUnderline: true,
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -19,7 +19,6 @@ import { connect } from "react-redux";
import Grid from "@material-ui/core/Grid";
import TextField from "@material-ui/core/TextField";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";
import { Button, IconButton } from "@material-ui/core";
import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
import { ITenant, ITenantsResponse } from "./types";
@@ -40,9 +39,10 @@ import DeleteTenant from "./DeleteTenant";
import AddTenant from "../AddTenant/AddTenant";
import CredentialsPrompt from "../../Common/CredentialsPrompt/CredentialsPrompt";
import history from "../../../../history";
import RefreshIcon from "@material-ui/icons/Refresh";
import SlideOptions from "../../Common/SlideOptions/SlideOptions";
import BackSettingsIcon from "../../../../icons/BackSettingsIcon";
import RefreshIcon from "../../../../icons/RefreshIcon";
import SearchIcon from "../../../../icons/SearchIcon";
interface ITenantsList {
classes: any;
@@ -272,7 +272,7 @@ const ListTenants = ({
disableUnderline: true,
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -30,9 +30,9 @@ import { setErrorSnackMessage } from "../../../../actions";
import TableWrapper from "../../Common/TableWrapper/TableWrapper";
import AddPoolModal from "./AddPoolModal";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";
import { AppState } from "../../../../store";
import { setTenantDetailsLoad } from "../actions";
import SearchIcon from "../../../../icons/SearchIcon";
interface IPoolsSummary {
classes: any;
@@ -119,7 +119,7 @@ const PoolsSummary = ({
disableUnderline: true,
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -21,7 +21,6 @@ import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
import { IconButton, Tooltip } from "@material-ui/core";
import get from "lodash/get";
import Grid from "@material-ui/core/Grid";
import RefreshIcon from "@material-ui/icons/Refresh";
import { setErrorSnackMessage, setSnackBarMessage } from "../../../../actions";
import {
setTenantDetailsLoad,
@@ -48,12 +47,14 @@ import TenantSecurity from "./TenantSecurity";
import List from "@material-ui/core/List";
import ListItem from "@material-ui/core/ListItem";
import ListItemText from "@material-ui/core/ListItemText";
import { ClustersIcon, DeleteIcon } from "../../../../icons";
import { DeleteIcon } from "../../../../icons";
import DeleteTenant from "../ListTenants/DeleteTenant";
import PencilIcon from "../../Common/TableWrapper/TableActionIcons/PencilIcon";
import PodDetails from "./pods/PodDetails";
import { niceBytes } from "../../../../common/utils";
import ScreenTitle from "../../Common/ScreenTitle/ScreenTitle";
import EditIcon from "../../../../icons/EditIcon";
import RefreshIcon from "../../../../icons/RefreshIcon";
import TenantIcon from "../../../../icons/TenantIcon";
interface ITenantDetailsProps {
classes: any;
@@ -254,7 +255,7 @@ const TenantDetails = ({
<ScreenTitle
icon={
<Fragment>
<ClustersIcon width={40} />
<TenantIcon width={40} />
<div className={classes.healthStatusIcon}>
{tenantInfo && tenantInfo.status && (
<span
@@ -298,7 +299,7 @@ const TenantDetails = ({
editYaml();
}}
>
<PencilIcon active={true} />
<EditIcon width={16} />
</IconButton>
</Tooltip>
<Tooltip title={"Refresh"}>

View File

@@ -18,11 +18,11 @@ import React, { Fragment, useState } from "react";
import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
import { Link } from "react-router-dom";
import { CircularProgress, IconButton } from "@material-ui/core";
import RefreshIcon from "@material-ui/icons/Refresh";
import PageHeader from "../../../Common/PageHeader/PageHeader";
import { containerForHeader } from "../../../Common/FormComponents/common/styleLibrary";
import ExitToAppIcon from "@material-ui/icons/ExitToApp";
import history from "./../../../../../history";
import RefreshIcon from "../../../../../icons/RefreshIcon";
interface IHopSimple {
classes: any;

View File

@@ -21,7 +21,6 @@ import { TextField } from "@material-ui/core";
import Grid from "@material-ui/core/Grid";
import Paper from "@material-ui/core/Paper";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";
import api from "../../../../../common/api";
import {
actionsTray,
@@ -32,6 +31,7 @@ import {
import { setErrorSnackMessage } from "../../../../../actions";
import { ErrorResponseHandler } from "../../../../../common/types";
import { AppState } from "../../../../../store";
import SearchIcon from "../../../../../icons/SearchIcon";
interface IPodLogsProps {
classes: any;
@@ -182,7 +182,7 @@ const PodLogs = ({
disableUnderline: true,
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -21,7 +21,6 @@ import { LinearProgress } from "@material-ui/core";
import get from "lodash/get";
import Grid from "@material-ui/core/Grid";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";
import TextField from "@material-ui/core/TextField";
import { stringSort } from "../../../utils/sortFunctions";
@@ -34,6 +33,7 @@ import { setModalErrorSnackMessage } from "../../../actions";
import { ErrorResponseHandler } from "../../../common/types";
import api from "../../../common/api";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import SearchIcon from "../../../icons/SearchIcon";
interface IGroupsProps {
classes: any;
@@ -189,7 +189,7 @@ const GroupsSelectors = ({
InputProps={{
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -19,7 +19,6 @@ import { connect } from "react-redux";
import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
import api from "../../../common/api";
import { Button, Grid, InputAdornment, TextField } from "@material-ui/core";
import SearchIcon from "@material-ui/icons/Search";
import GroupIcon from "@material-ui/icons/Group";
import { User, UsersList } from "./types";
import { usersSort } from "../../../utils/sortFunctions";
@@ -37,6 +36,7 @@ import AddToGroup from "./BulkAddToGroup";
import TableWrapper from "../Common/TableWrapper/TableWrapper";
import SetPolicy from "../Policies/SetPolicy";
import PageHeader from "../Common/PageHeader/PageHeader";
import SearchIcon from "../../../icons/SearchIcon";
const styles = (theme: Theme) =>
createStyles({
@@ -228,7 +228,7 @@ const ListUsers = ({ classes, setErrorSnackMessage, history }: IUsersProps) => {
disableUnderline: true,
startAdornment: (
<InputAdornment position="start">
<SearchIcon />
<SearchIcon width={18} />
</InputAdornment>
),
}}

View File

@@ -20,8 +20,12 @@ import { Link } from "react-router-dom";
import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
import { Button, Grid, IconButton, Tooltip } from "@material-ui/core";
import { CreateIcon, DeleteIcon, UsersIcon } from "../../../icons";
import { Bookmark } from "@material-ui/icons";
import {
CreateIcon,
DeleteIcon,
IAMPoliciesIcon,
UsersIcon,
} from "../../../icons";
import {
setErrorSnackMessage,
setModalErrorSnackMessage,
@@ -385,7 +389,7 @@ const UserDetails = ({ classes, match }: IUserDetailsProps) => {
<Button
variant="contained"
color="primary"
startIcon={<Bookmark />}
startIcon={<IAMPoliciesIcon />}
size="medium"
onClick={() => {
setPolicyOpen(true);

View File

@@ -35,13 +35,13 @@ import Button from "@material-ui/core/Button";
import TextField from "@material-ui/core/TextField";
import Grid from "@material-ui/core/Grid";
import Typography from "@material-ui/core/Typography";
import RefreshIcon from "@material-ui/icons/Refresh";
import { ILoginDetails, loginStrategyType } from "./types";
import { SystemState } from "../../types";
import { userLoggedIn } from "../../actions";
import { ErrorResponseHandler } from "../../common/types";
import api from "../../common/api";
import history from "../../history";
import RefreshIcon from "../../icons/RefreshIcon";
const styles = (theme: Theme) =>
createStyles({