Add Bucket as a page

Signed-off-by: Daniel Valdivia <[email protected]>

Author: dvaldivia

pkg/acl/endpoints.go

@@ -39,6 +39,7 @@ var (
 	dashboard                   = "/dashboard"
 	metrics                     = "/metrics"
 	profiling                   = "/profiling"
+	addBucket                   = "/add-bucket"
 	buckets                     = "/buckets"
 	bucketsGeneral              = "/buckets/*"
 	bucketsAdmin                = "/buckets/:bucketName/admin/*"
@@ -335,6 +336,7 @@ var endpointRules = map[string]ConfigurationActionSet{
 	dashboard:                   dashboardActionSet,
 	metrics:                     dashboardActionSet,
 	profiling:                   profilingActionSet,
+	addBucket:                   bucketsActionSet,
 	buckets:                     bucketsActionSet,
 	bucketsGeneral:              bucketsActionSet,
 	bucketsAdmin:                bucketsActionSet,

pkg/acl/endpoints_test.go

@@ -79,7 +79,7 @@ func TestGetAuthorizedEndpoints(t *testing.T) {
 					"s3:*",
 				},
 			},
-			want: 9,
+			want: 10,
 		},
 		{
 			name: "all admin and s3 endpoints",
@@ -89,7 +89,7 @@ func TestGetAuthorizedEndpoints(t *testing.T) {
 					"s3:*",
 				},
 			},
-			want: 36,
+			want: 37,
 		},
 		{
 			name: "Console User - default endpoints",

portal-ui/src/screens/Console/Buckets/BucketDetails/BucketSummaryPanel.tsx

@@ -34,7 +34,7 @@ import {
   BucketReplication,
   BucketVersioning,
 } from "../types";
-import { encodeFileName, niceBytes } from "../../../../common/utils";
+import { niceBytes } from "../../../../common/utils";
 import { Bucket, BucketList } from "../../Watch/types";
 import {
   buttonsStyles,

portal-ui/src/screens/Console/Buckets/Buckets.tsx

@@ -16,14 +16,15 @@
 
 import React from "react";
 import history from "../../../history";
-import { Route, Router, Switch, withRouter, Redirect } from "react-router-dom";
+import { Redirect, Route, Router, Switch, withRouter } from "react-router-dom";
 import { connect } from "react-redux";
 import { AppState } from "../../../store";
 import { setMenuOpen } from "../../../actions";
 import NotFoundPage from "../../NotFoundPage";
 import ListBuckets from "./ListBuckets/ListBuckets";
 import BucketDetails from "./BucketDetails/BucketDetails";
 import BrowserHandler from "./BucketDetails/BrowserHandler";
+import AddBucket from "./ListBuckets/AddBucket";
 
 const mapState = (state: AppState) => ({
   open: state.system.sidebarOpen,
@@ -35,6 +36,7 @@ const Buckets = () => {
   return (
     <Router history={history}>
       <Switch>
+        <Route path="/add-bucket" component={AddBucket} />
         <Route path="/buckets/:bucketName/admin/*" component={BucketDetails} />
         <Route path="/buckets/:bucketName/admin" component={BucketDetails} />
         <Route