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:
2026-03-16 20:58:03 +03:00
parent 15c3471e7f
commit e9830975ab
3 changed files with 331 additions and 17 deletions

View File

@@ -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>