Add separate CP admin panel at cp.hotelsync.ru
- CpLoginPage: dark themed login page with email/password auth, only for cp subdomain - CpLayout: separate dark sidebar layout with Shield icon, nav for Обзор/Отели/Пользователи/Тарифы/Мониторинг/Настройки - App.tsx: detect hostname — cp.hotelsync.ru renders CP app, app.hotelsync.ru renders PMS (no /admin route) - CpGuard: protects CP routes, redirects to /login if not authenticated - Admin panel completely removed from app.hotelsync.ru Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
63
src/App.tsx
63
src/App.tsx
@@ -5,7 +5,9 @@ import { ModulesProvider } from './contexts/ModulesContext'
|
||||
import { AmenitiesProvider } from './contexts/AmenitiesContext'
|
||||
import { NotificationsProvider } from './contexts/NotificationsContext'
|
||||
import { AppLayout } from './layouts/AppLayout'
|
||||
import { CpLayout } from './layouts/CpLayout'
|
||||
import { LoginPage } from './pages/LoginPage'
|
||||
import { CpLoginPage } from './pages/CpLoginPage'
|
||||
import { CalendarPage } from './pages/CalendarPage'
|
||||
import { BookingsPage } from './pages/BookingsPage'
|
||||
import { RoomsPage } from './pages/RoomsPage'
|
||||
@@ -37,7 +39,42 @@ import { DiscountsPage } from './pages/DiscountsPage'
|
||||
import { GuestReviewPage } from './pages/GuestReviewPage'
|
||||
import { GuestRoomServicePage } from './pages/GuestRoomServicePage'
|
||||
|
||||
// Определяем на каком домене работаем
|
||||
const IS_CP = window.location.hostname === 'cp.hotelsync.ru'
|
||||
|
||||
// ── Guard для CP: если не авторизован → /login ────────────────────────────
|
||||
function CpGuard({ children }: { children: React.ReactNode }) {
|
||||
const auth = localStorage.getItem('cpAuth')
|
||||
if (!auth) return <Navigate to="/login" replace />
|
||||
return <>{children}</>
|
||||
}
|
||||
|
||||
export default function App() {
|
||||
// ── Control Panel (cp.hotelsync.ru) ──────────────────────────────────────
|
||||
if (IS_CP) {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<BrowserRouter>
|
||||
<Routes>
|
||||
<Route path="/login" element={<CpLoginPage />} />
|
||||
|
||||
<Route element={<CpGuard><CpLayout /></CpGuard>}>
|
||||
<Route path="/" element={<AdminDashboard />} />
|
||||
<Route path="/hotels" element={<AdminDashboard />} />
|
||||
<Route path="/cp-users" element={<AdminDashboard />} />
|
||||
<Route path="/billing" element={<AdminDashboard />} />
|
||||
<Route path="/monitoring" element={<AdminDashboard />} />
|
||||
<Route path="/cp-settings" element={<AdminDashboard />} />
|
||||
</Route>
|
||||
|
||||
<Route path="*" element={<Navigate to="/" replace />} />
|
||||
</Routes>
|
||||
</BrowserRouter>
|
||||
</ThemeProvider>
|
||||
)
|
||||
}
|
||||
|
||||
// ── PMS App (app.hotelsync.ru) ────────────────────────────────────────────
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<AuthProvider>
|
||||
@@ -48,10 +85,10 @@ export default function App() {
|
||||
<Routes>
|
||||
{/* Public */}
|
||||
<Route path="/login" element={<LoginPage />} />
|
||||
<Route path="/review/:slug" element={<GuestReviewPage />} />
|
||||
<Route path="/review/:slug" element={<GuestReviewPage />} />
|
||||
<Route path="/room-service/:slug" element={<GuestRoomServicePage />} />
|
||||
|
||||
{/* App routes */}
|
||||
{/* PMS routes */}
|
||||
<Route element={<AppLayout />}>
|
||||
<Route path="/calendar" element={<CalendarPage />} />
|
||||
<Route path="/bookings" element={<BookingsPage />} />
|
||||
@@ -61,17 +98,16 @@ export default function App() {
|
||||
<Route path="/api-docs" element={<ApiDocsPage />} />
|
||||
<Route path="/modules" element={<ModulesPage />} />
|
||||
<Route path="/settings" element={<SettingsPage />} />
|
||||
{/* Module pages */}
|
||||
<Route path="/reports" element={<ReportsPage />} />
|
||||
<Route path="/website" element={<WebsitePage />} />
|
||||
<Route path="/booking-widget" element={<BookingWidgetPage />} />
|
||||
<Route path="/availability" element={<AvailabilityPage />} />
|
||||
<Route path="/floor-map" element={<FloorMapPage />} />
|
||||
<Route path="/migration" element={<MigrationPage />} />
|
||||
<Route path="/pos" element={<PosPage />} />
|
||||
<Route path="/reviews" element={<ReviewsPage />} />
|
||||
<Route path="/room-service" element={<RoomServicePage />} />
|
||||
<Route path="/rental" element={<RentalPage />} />
|
||||
<Route path="/availability" element={<AvailabilityPage />} />
|
||||
<Route path="/floor-map" element={<FloorMapPage />} />
|
||||
<Route path="/migration" element={<MigrationPage />} />
|
||||
<Route path="/pos" element={<PosPage />} />
|
||||
<Route path="/reviews" element={<ReviewsPage />} />
|
||||
<Route path="/room-service" element={<RoomServicePage />} />
|
||||
<Route path="/rental" element={<RentalPage />} />
|
||||
<Route path="/room-categories" element={<RoomCategoriesPage />} />
|
||||
<Route path="/documents" element={<DocumentsPage />} />
|
||||
<Route path="/users" element={<UsersPage />} />
|
||||
@@ -83,13 +119,6 @@ export default function App() {
|
||||
<Route path="/discounts" element={<DiscountsPage />} />
|
||||
</Route>
|
||||
|
||||
{/* Admin routes */}
|
||||
<Route path="/admin" element={<AppLayout />}>
|
||||
<Route index element={<AdminDashboard />} />
|
||||
<Route path="hotels" element={<AdminDashboard />} />
|
||||
<Route path="users" element={<AdminDashboard />} />
|
||||
</Route>
|
||||
|
||||
<Route path="/" element={<Navigate to="/login" replace />} />
|
||||
<Route path="*" element={<Navigate to="/login" replace />} />
|
||||
</Routes>
|
||||
|
||||
Reference in New Issue
Block a user