Browser: Update UI with new components and elements (#5671)

browser/app/js/buckets/actions.js

@@ -52,14 +52,14 @@ export const fetchBuckets = () => {
 export const setList = buckets => {
   return {
     type: SET_LIST,
-    buckets
+    buckets,
   }
 }
 
 export const setFilter = filter => {
   return {
     type: SET_FILTER,
-    filter
+    filter,
   }
 }
 
@@ -73,7 +73,7 @@ export const selectBucket = (bucket, prefix) => {
 export const setCurrentBucket = bucket => {
   return {
     type: SET_CURRENT_BUCKET,
-    bucket
+    bucket,
   }
 }
 
@@ -81,7 +81,7 @@ export const makeBucket = bucket => {
   return function(dispatch) {
     return web
       .MakeBucket({
-        bucketName: bucket
+        bucketName: bucket,
       })
       .then(() => {
         dispatch(addBucket(bucket))
@@ -91,9 +91,9 @@ export const makeBucket = bucket => {
         dispatch(
           alertActions.set({
             type: "danger",
-            message: err.message
-          })
-        )
+            message: err.message,
+          }),
+        ),
       )
   }
 }
@@ -102,24 +102,24 @@ export const deleteBucket = bucket => {
   return function(dispatch) {
     return web
       .DeleteBucket({
-        bucketName: bucket
+        bucketName: bucket,
       })
       .then(() => {
         dispatch(
           alertActions.set({
             type: "info",
-            message: "Bucket '" + bucket + "' has been deleted."
-          })
+            message: "Bucket '" + bucket + "' has been deleted.",
+          }),
         )
         dispatch(removeBucket(bucket))
         dispatch(fetchBuckets())
       })
-      .catch(err => { 
+      .catch(err => {
         dispatch(
           alertActions.set({
             type: "danger",
-            message: err.message
-          })
+            message: err.message,
+          }),
         )
       })
   }
@@ -127,43 +127,41 @@ export const deleteBucket = bucket => {
 
 export const addBucket = bucket => ({
   type: ADD,
-  bucket
+  bucket,
 })
 
 export const removeBucket = bucket => ({
   type: REMOVE,
-  bucket
+  bucket,
 })
 
 export const showMakeBucketModal = () => ({
   type: SHOW_MAKE_BUCKET_MODAL,
-  show: true
+  show: true,
 })
 
 export const hideMakeBucketModal = () => ({
   type: SHOW_MAKE_BUCKET_MODAL,
-  show: false
+  show: false,
 })
 
 export const fetchPolicies = bucket => {
   return function(dispatch) {
     return web
       .ListAllBucketPolicies({
-        bucketName: bucket
+        bucketName: bucket,
       })
       .then(res => {
         let policies = res.policies
-        if(policies)
-          dispatch(setPolicies(policies))
-        else
-          dispatch(setPolicies([]))
+        if (policies) dispatch(setPolicies(policies))
+        else dispatch(setPolicies([]))
       })
       .catch(err => {
         dispatch(
           alertActions.set({
             type: "danger",
-            message: err.message
-          })
+            message: err.message,
+          }),
         )
       })
   }
@@ -171,15 +169,15 @@ export const fetchPolicies = bucket => {
 
 export const setPolicies = policies => ({
   type: SET_POLICIES,
-  policies
+  policies,
 })
 
 export const showBucketPolicy = () => ({
   type: SHOW_BUCKET_POLICY,
-  show: true
+  show: true,
 })
 
 export const hideBucketPolicy = () => ({
   type: SHOW_BUCKET_POLICY,
-  show: false
-})
+  show: false,
+})