fix(settings): Show error messages when creating or renaming a folder fails

Signed-off-by: provokateurin <kate@provokateurin.de>

Author: provokateurin

src/settings/App.tsx

@@ -18,6 +18,14 @@ import AdminGroupSelect from './AdminGroupSelect'
 import SubAdminGroupSelect from './SubAdminGroupSelect'
 import { loadState } from '@nextcloud/initial-state'
 import { t } from '@nextcloud/l10n'
+import { isAxiosError } from "@nextcloud/axios";
+import { showError } from "@nextcloud/dialogs";
+import { getLoggerBuilder } from '@nextcloud/logger'
+
+const logger = getLoggerBuilder()
+	.setApp('groupfolders')
+	.detectUser()
+	.build()
 
 const bytesInOneGibibyte = Math.pow(1024, 3)
 const defaultQuotaOptions = {
@@ -96,10 +104,20 @@ export class App extends Component<unknown, AppState> implements OC.Plugin<OC.Se
 		if (!mountPoint) {
 			return
 		}
-		const folder = await this.api.createFolder(mountPoint)
-		const folders = this.state.folders
-		folders.push(folder)
-		this.setState({ folders, newMountPoint: '' })
+		try {
+			const folder = await this.api.createFolder(mountPoint)
+			const folders = this.state.folders
+			folders.push(folder)
+			this.setState({ folders, newMountPoint: '' })
+		} catch (error) {
+			logger.error('Error while creating new folder', { error })
+
+			if (isAxiosError(error) && error.response.data.message) {
+				showError(error.response.data.message)
+			} else {
+				showError(t('groupfolders', 'Folder could not be created'))
+			}
+		}
 	}
 
 	attach = (search: OC.Search.Core) => {
@@ -159,10 +177,20 @@ export class App extends Component<unknown, AppState> implements OC.Plugin<OC.Se
 	}
 
 	async renameFolder(folder: Folder, newName: string) {
-		await this.api.renameFolder(folder.id, newName)
-		const folders = this.state.folders
-		folder.mount_point = newName
-		this.setState({ folders, editingMountPoint: 0 })
+		try {
+			await this.api.renameFolder(folder.id, newName);
+			const folders = this.state.folders
+			folder.mount_point = newName
+			this.setState({folders, editingMountPoint: 0})
+		} catch (error) {
+			logger.error('Error while renaming folder', { error })
+
+			if (isAxiosError(error) && error.response.data.message) {
+				showError(error.response.data.message)
+			} else {
+				showError(t('groupfolders', 'Folder could not be renamed'))
+			}
+		}
 	}
 
 	async setAcl(folder: Folder, acl: boolean) {