Fix setup guide section numbering

Renumber sections 5-7 to 4-6 to correct the sequence after removing a section.

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-12-01 21:52:12 +00:00
parent 24d28a68a2
commit d99ef24daa

View File

@@ -41,9 +41,9 @@ export default function SetupGuidePage() {
<li><a href="#installation" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all"> 1. Installation</a></li> <li><a href="#installation" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all"> 1. Installation</a></li>
<li><a href="#credentials" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all"> 2. MQTT Credentials erhalten</a></li> <li><a href="#credentials" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all"> 2. MQTT Credentials erhalten</a></li>
<li><a href="#configuration" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all"> 3. App Konfiguration</a></li> <li><a href="#configuration" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all"> 3. App Konfiguration</a></li>
<li><a href="#testing" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all"> 5. Verbindung testen</a></li> <li><a href="#testing" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all"> 4. Verbindung testen</a></li>
<li><a href="#ports" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all"> 6. Port 1883 vs. 9001</a></li> <li><a href="#ports" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all"> 5. Port 1883 vs. 9001</a></li>
<li><a href="#troubleshooting" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all"> 7. Troubleshooting</a></li> <li><a href="#troubleshooting" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all"> 6. Troubleshooting</a></li>
</ul> </ul>
</div> </div>
@@ -205,10 +205,10 @@ export default function SetupGuidePage() {
</div> </div>
</Section> </Section>
{/* Section 5: Testing */} {/* Section 4: Testing */}
<Section <Section
id="testing" id="testing"
title="5. Verbindung testen" title="4. Verbindung testen"
icon="✅" icon="✅"
isOpen={openSections["5"]} isOpen={openSections["5"]}
onToggle={() => toggleSection("5")} onToggle={() => toggleSection("5")}
@@ -232,10 +232,10 @@ export default function SetupGuidePage() {
</ol> </ol>
</Section> </Section>
{/* Section 6: Ports */} {/* Section 5: Ports */}
<Section <Section
id="ports" id="ports"
title="6. Port 1883 vs. 9001 - Was ist der Unterschied?" title="5. Port 1883 vs. 9001 - Was ist der Unterschied?"
icon="🔌" icon="🔌"
isOpen={openSections["6"]} isOpen={openSections["6"]}
onToggle={() => toggleSection("6")} onToggle={() => toggleSection("6")}
@@ -243,10 +243,10 @@ export default function SetupGuidePage() {
<PortComparison /> <PortComparison />
</Section> </Section>
{/* Section 7: Troubleshooting */} {/* Section 6: Troubleshooting */}
<Section <Section
id="troubleshooting" id="troubleshooting"
title="7. Troubleshooting - Häufige Probleme" title="6. Troubleshooting - Häufige Probleme"
icon="🔧" icon="🔧"
isOpen={openSections["7"]} isOpen={openSections["7"]}
onToggle={() => toggleSection("7")} onToggle={() => toggleSection("7")}