From 5a53cf3f999a75f2a1581a7da9a08d4bc17952b3 Mon Sep 17 00:00:00 2001
From: dwindown <dwinx.ramz@gmail.com>
Date: Sun, 28 Dec 2025 16:34:27 +0700
Subject: [PATCH] Fix Calendar naming conflict in App.tsx
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

**Issue:**
- Runtime error: 'Calendar is not defined' on order detail page
- Import collision between Calendar UI component and Calendar page

**Root Cause:**
- App.tsx imported: `import Calendar from './pages/Calendar'`
- ConsultingBooking.tsx imported: `import { Calendar } from '@/components/ui/calendar'`
- Bundler couldn't resolve which 'Calendar' to use
- Resulted in undefined Calendar at runtime

**Fix:**
- Renamed Calendar page import to CalendarPage in App.tsx
- Updated route to use <CalendarPage /> instead of <Calendar />
- Eliminates naming conflict

**Files Changed:**
- src/App.tsx: Lines 18, 62

This resolves the ReferenceError that prevented members from viewing order details.

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

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

diff --git a/src/App.tsx b/src/App.tsx
index b656296..30da905 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -15,7 +15,7 @@ import Bootcamp from "./pages/Bootcamp";
 import WebinarRecording from "./pages/WebinarRecording";
 import Events from "./pages/Events";
 import ConsultingBooking from "./pages/ConsultingBooking";
-import Calendar from "./pages/Calendar";
+import CalendarPage from "./pages/Calendar";
 import Privacy from "./pages/Privacy";
 import Terms from "./pages/Terms";
 import NotFound from "./pages/NotFound";
@@ -59,7 +59,7 @@ const App = () => (
                 <Route path="/bootcamp/:slug" element={<Bootcamp />} />
                 <Route path="/webinar/:slug" element={<WebinarRecording />} />
                 <Route path="/consulting" element={<ConsultingBooking />} />
-                <Route path="/calendar" element={<Calendar />} />
+                <Route path="/calendar" element={<CalendarPage />} />
                 <Route path="/privacy" element={<Privacy />} />
                 <Route path="/terms" element={<Terms />} />