From 445b2bb3fcca900db7ee2ae3ad359aecbd5f095a Mon Sep 17 00:00:00 2001
From: poduck <poduck@gmail.com>
Date: Wed, 3 Dec 2025 02:35:06 -0500
Subject: [PATCH] fix(help): Correct pending appointments sidebar position to
 left
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixed documentation that incorrectly stated the pending appointments
sidebar appears on the right side of the scheduler when it actually
appears on the left side.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 frontend/src/pages/help/HelpScheduler.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/help/HelpScheduler.tsx b/frontend/src/pages/help/HelpScheduler.tsx
index 60956a9..3e08ff6 100644
--- a/frontend/src/pages/help/HelpScheduler.tsx
+++ b/frontend/src/pages/help/HelpScheduler.tsx
@@ -166,7 +166,7 @@ const HelpScheduler: React.FC = () => {
                 <h4 className="font-medium text-gray-900 dark:text-white">Schedule Pending Requests</h4>
                 <p className="text-sm text-gray-500 dark:text-gray-400">
                   Pending appointments (from online booking or manual entry) appear in the sidebar on
-                  the right. Drag them onto the timeline to schedule them - they'll automatically be
+                  the left. Drag them onto the timeline to schedule them - they'll automatically be
                   confirmed. The pending sidebar shows customer name, service, and requested duration.
                 </p>
               </div>
@@ -437,7 +437,7 @@ const HelpScheduler: React.FC = () => {
         </h2>
         <div className="bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 p-6">
           <p className="text-gray-600 dark:text-gray-300 mb-4">
-            The sidebar on the right shows all pending (unscheduled) appointment requests:
+            The sidebar on the left shows all pending (unscheduled) appointment requests:
           </p>
           <ul className="space-y-2">
             <li className="flex items-start gap-2">