allow non-loggedin users to access public bucket (#5570)

* conditionally render main action buttons

- Make bucket action will be available only for loggedIn users
- File upload button will be avaialble for loggedIn users
  and non-loggedIn users if the prefix is writable

* select the bucket and prefix from the url

When the url contains bucket and prefix, it will be selected
by default instead of the first bucket from the list.

* show BucketSearch only for LoggedIn users

* allow non-LoggedIn users to access public bucket

* removed unused Router imports

* fix test case failures in BucketList.test.js

* remove dupicate minioBrowserPrefix from url

since history is already initialized with minioBrowserPrefix,
no need to use it in push or replace

* remove unused match from App component

* remove unused minioBrowserPrefix imports

browser/app/js/browser/MainActions.js

@@ -17,10 +17,16 @@
 import React from "react"
 import { connect } from "react-redux"
 import { Dropdown, OverlayTrigger, Tooltip } from "react-bootstrap"
+import web from "../web"
 import * as actionsBuckets from "../buckets/actions"
 import * as uploadsActions from "../uploads/actions"
+import { getPrefixWritable } from "../objects/selectors"
 
-export const MainActions = ({ uploadFile, showMakeBucketModal }) => {
+export const MainActions = ({
+  prefixWritable,
+  uploadFile,
+  showMakeBucketModal
+}) => {
   const uploadTooltip = <Tooltip id="tt-upload-file">Upload file</Tooltip>
   const makeBucketTooltip = (
     <Tooltip id="tt-create-bucket">Create bucket</Tooltip>
@@ -31,47 +37,59 @@ export const MainActions = ({ uploadFile, showMakeBucketModal }) => {
     e.target.value = null
   }
 
-  return (
-    <Dropdown dropup className="feb-actions" id="fe-action-toggle">
-      <Dropdown.Toggle noCaret className="feba-toggle">
-        <span>
-          <i className="fa fa-plus" />
-        </span>
-      </Dropdown.Toggle>
-      <Dropdown.Menu>
-        <OverlayTrigger placement="left" overlay={uploadTooltip}>
-          <a href="#" className="feba-btn feba-upload">
-            <input
-              type="file"
-              onChange={onFileUpload}
-              style={{ display: "none" }}
-              id="file-input"
-            />
-            <label htmlFor="file-input">
-              {" "}
-              <i className="fa fa-cloud-upload" />{" "}
-            </label>
-          </a>
-        </OverlayTrigger>
-        <OverlayTrigger placement="left" overlay={makeBucketTooltip}>
-          <a
-            href="#"
-            id="show-make-bucket"
-            className="feba-btn feba-bucket"
-            onClick={e => {
-              e.preventDefault()
-              showMakeBucketModal()
-            }}
-          >
-            <i className="fa fa-hdd-o" />
-          </a>
-        </OverlayTrigger>
-      </Dropdown.Menu>
-    </Dropdown>
-  )
+  const loggedIn = web.LoggedIn()
+
+  if (loggedIn || prefixWritable) {
+    return (
+      <Dropdown dropup className="feb-actions" id="fe-action-toggle">
+        <Dropdown.Toggle noCaret className="feba-toggle">
+          <span>
+            <i className="fa fa-plus" />
+          </span>
+        </Dropdown.Toggle>
+        <Dropdown.Menu>
+          <OverlayTrigger placement="left" overlay={uploadTooltip}>
+            <a href="#" className="feba-btn feba-upload">
+              <input
+                type="file"
+                onChange={onFileUpload}
+                style={{ display: "none" }}
+                id="file-input"
+              />
+              <label htmlFor="file-input">
+                {" "}
+                <i className="fa fa-cloud-upload" />{" "}
+              </label>
+            </a>
+          </OverlayTrigger>
+          {loggedIn && (
+            <OverlayTrigger placement="left" overlay={makeBucketTooltip}>
+              <a
+                href="#"
+                id="show-make-bucket"
+                className="feba-btn feba-bucket"
+                onClick={e => {
+                  e.preventDefault()
+                  showMakeBucketModal()
+                }}
+              >
+                <i className="fa fa-hdd-o" />
+              </a>
+            </OverlayTrigger>
+          )}
+        </Dropdown.Menu>
+      </Dropdown>
+    )
+  } else {
+    return <noscript />
+  }
 }
 
-const mapStateToProps = state => state
+const mapStateToProps = state => {
+  return {
+    prefixWritable: getPrefixWritable(state)
+  }
+}
 
 const mapDispatchToProps = dispatch => {
   return {