test s3 connection before set up

resources/js/views/Admin/AppSettings/AppSettingsTabs/Environment.vue

@@ -932,20 +932,6 @@ export default {
 					storage: this.storage
 				})
 				.then(() => {
-					events.$emit('toaster', {
-						type: 'success',
-						message: this.$t('storage_driver_updated'),
-					})
-				})
-				.catch(() => {
-					events.$emit('toaster', {
-						type: 'danger',
-						message: this.$t('popup_error.title'),
-					})
-				})
-				.finally(() => {
-					this.isSendingStorageForm = false
-
 					this.storage = {
 						driver: undefined,
 						key: undefined,
@@ -954,6 +940,28 @@ export default {
 						region: undefined,
 						bucket: undefined,
 					}
+
+					events.$emit('toaster', {
+						type: 'success',
+						message: this.$t('storage_driver_updated'),
+					})
+				})
+				.catch((error) => {
+
+					if (error.response.status === 401 && error.response.data.type === 's3-connection-error') {
+						events.$emit('alert:open', {
+							title: 'S3 Connection Error - Wrong Credentials or Not Permitted',
+							message: error.response.data.message,
+						})
+					} else {
+						events.$emit('toaster', {
+							type: 'danger',
+							message: this.$t('popup_error.title'),
+						})
+					}
+				})
+				.finally(() => {
+					this.isSendingStorageForm = false
 				})
 		},
         async emailSetupSubmit() {

resources/js/views/SetupWizard/EnvironmentSetup.vue

@@ -544,6 +544,7 @@ import Headline from '../Auth/Headline'
 import { required } from 'vee-validate/dist/rules'
 import axios from 'axios'
 import { mapGetters } from 'vuex'
+import {events} from "../../bus";
 
 export default {
     name: 'EnvironmentSetup',
@@ -982,7 +983,14 @@ export default {
                     this.$router.push({ name: 'AppSetup' })
                 })
                 .catch((error) => {
-                    this.isError = true
+					if (error.response.status === 401 && error.response.data.type === 's3-connection-error') {
+						events.$emit('alert:open', {
+							title: 'S3 Connection Error - Wrong Credentials or Not Permitted',
+							message: error.response.data.message,
+						})
+					} else {
+                    	this.isError = true
+					}
                 })
                 .finally(() => {
                     this.isLoading = false