Fix Calendar naming conflict in App.tsx

**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>
This commit is contained in:
dwindown
2025-12-28 16:34:27 +07:00
parent 9bb922f5aa
commit 5a53cf3f99

View File

@@ -15,7 +15,7 @@ import Bootcamp from "./pages/Bootcamp";
import WebinarRecording from "./pages/WebinarRecording"; import WebinarRecording from "./pages/WebinarRecording";
import Events from "./pages/Events"; import Events from "./pages/Events";
import ConsultingBooking from "./pages/ConsultingBooking"; import ConsultingBooking from "./pages/ConsultingBooking";
import Calendar from "./pages/Calendar"; import CalendarPage from "./pages/Calendar";
import Privacy from "./pages/Privacy"; import Privacy from "./pages/Privacy";
import Terms from "./pages/Terms"; import Terms from "./pages/Terms";
import NotFound from "./pages/NotFound"; import NotFound from "./pages/NotFound";
@@ -59,7 +59,7 @@ const App = () => (
<Route path="/bootcamp/:slug" element={<Bootcamp />} /> <Route path="/bootcamp/:slug" element={<Bootcamp />} />
<Route path="/webinar/:slug" element={<WebinarRecording />} /> <Route path="/webinar/:slug" element={<WebinarRecording />} />
<Route path="/consulting" element={<ConsultingBooking />} /> <Route path="/consulting" element={<ConsultingBooking />} />
<Route path="/calendar" element={<Calendar />} /> <Route path="/calendar" element={<CalendarPage />} />
<Route path="/privacy" element={<Privacy />} /> <Route path="/privacy" element={<Privacy />} />
<Route path="/terms" element={<Terms />} /> <Route path="/terms" element={<Terms />} />