From 62fc36c8c054c464fda3b4fcfd9ac5a154a2e695 Mon Sep 17 00:00:00 2001
From: paul <paul-nothaft@hotmail.de>
Date: Wed, 23 Jul 2025 17:27:52 +0200
Subject: [PATCH] fix: Resolve QuickStartWizard DOM nesting and API errors
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Fix validateDOMNesting warning by using secondaryTypographyProps with component='div'
- Fix 400 Bad Request by sending 'bucketName' instead of 'name' in bucket creation API
- This allows the Quick Start wizard to complete successfully

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../components/Dashboard/QuickStartWizard.tsx | 21 +++++++++----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/frontend/src/components/Dashboard/QuickStartWizard.tsx b/frontend/src/components/Dashboard/QuickStartWizard.tsx
index 1769efa..23dca52 100644
--- a/frontend/src/components/Dashboard/QuickStartWizard.tsx
+++ b/frontend/src/components/Dashboard/QuickStartWizard.tsx
@@ -123,7 +123,7 @@ const QuickStartWizard: React.FC<QuickStartWizardProps> = ({
 
     try {
       // Step 1: Create bucket
-      await api.post('/buckets', { name: setupData.bucketName }, {
+      await api.post('/buckets', { bucketName: setupData.bucketName }, {
         timeout: 30000, // 30 seconds timeout
       });
 
@@ -336,17 +336,16 @@ const QuickStartWizard: React.FC<QuickStartWizardProps> = ({
                   </ListItemIcon>
                   <ListItemText
                     primary="Access Level"
+                    secondaryTypographyProps={{ component: 'div' }}
                     secondary={
-                      <Box component="span">
-                        <Chip
-                          label={setupData.policyType}
-                          size="small"
-                          color={
-                            setupData.policyType === 'readwrite' ? 'success' :
-                            setupData.policyType === 'readonly' ? 'info' : 'warning'
-                          }
-                        />
-                      </Box>
+                      <Chip
+                        label={setupData.policyType}
+                        size="small"
+                        color={
+                          setupData.policyType === 'readwrite' ? 'success' :
+                          setupData.policyType === 'readonly' ? 'info' : 'warning'
+                        }
+                      />
                     }
                   />
                 </ListItem>