From ea29f52fadd2de56bbacaf58da267d42ba35cec6 Mon Sep 17 00:00:00 2001
From: Eddy de Vink <github@eddydev.ink>
Date: Sat, 27 Jun 2026 23:56:57 +0200
Subject: [PATCH] fix: confirm dialog before clearing WebDAV config, ensure
 full button text

---
 src/screens/SettingsScreen.tsx | 28 ++++++++++++++++++++--------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/screens/SettingsScreen.tsx b/src/screens/SettingsScreen.tsx
index c22a98d..f434065 100644
--- a/src/screens/SettingsScreen.tsx
+++ b/src/screens/SettingsScreen.tsx
@@ -48,12 +48,24 @@ export default function SettingsScreen() {
     Alert.alert('Opgeslagen', 'WebDAV instellingen zijn opgeslagen')
   }
 
-  const handleClear = async () => {
-    await deleteConfig()
-    setUrl('')
-    setUsername('')
-    setPassword('')
-    Alert.alert('Verwijderd', 'WebDAV instellingen zijn gewist')
+  const handleClear = () => {
+    Alert.alert(
+      'Instellingen wissen?',
+      'WebDAV configuratie definitief verwijderen? Je kunt deze later opnieuw invoeren.',
+      [
+        { text: 'Annuleren', style: 'cancel' },
+        {
+          text: 'Ja, wissen',
+          style: 'destructive',
+          onPress: async () => {
+            await deleteConfig()
+            setUrl('')
+            setUsername('')
+            setPassword('')
+          },
+        },
+      ]
+    )
   }
 
   const handleSync = async () => {
@@ -111,7 +123,7 @@ export default function SettingsScreen() {
       </TouchableOpacity>
 
       <TouchableOpacity style={styles.clearButton} onPress={handleClear}>
-        <Text style={styles.clearButtonText}>Instellingen wissen</Text>
+        <Text style={styles.clearButtonText} numberOfLines={1}>Instellingen wissen</Text>
       </TouchableOpacity>
 
       <TouchableOpacity
@@ -136,7 +148,7 @@ const styles = StyleSheet.create({
   eyeButton: { padding: 12 },
   eyeIcon: { fontSize: 20 },
   saveButton: { backgroundColor: '#4CAF50', padding: 14, borderRadius: 8, alignItems: 'center', marginTop: 24 },
-  clearButton: { padding: 14, alignItems: 'center', marginTop: 8 },
+  clearButton: { padding: 14, borderRadius: 8, alignItems: 'center', alignSelf: 'stretch', marginTop: 8 },
   clearButtonText: { color: '#e53935', fontSize: 14 },
   syncButton: { backgroundColor: '#2196F3', padding: 14, borderRadius: 8, alignItems: 'center', marginTop: 24 },
   syncButtonDisabled: { opacity: 0.6 },