Add Availability Calendar, Modules system, and route refactoring
- Add AvailabilityPage with price grid (categories × dates), drag-select, channel prices, EditPanel, PeriodModal, and rate periods tab - Add ModulesContext with localStorage persistence and dynamic sidebar items - Add ModulesPage with WiFi Auth, Payments, TV Welcome, Smart Locks, OLAP Reports, Website Builder, Booking Widget modules - Add ReportsPage (OLAP analytics with KPI cards, charts, tables) - Add WebsitePage and BookingWidgetPage placeholders - Remove hotel slug from URL routing; hotel context from JWT - Add Доступность nav item in Sidebar under Управление - Fix LoginPage redirects and HotelSync branding Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
54
src/contexts/ModulesContext.tsx
Normal file
54
src/contexts/ModulesContext.tsx
Normal file
@@ -0,0 +1,54 @@
|
||||
import { createContext, useContext, useState } from 'react'
|
||||
import type { ModuleStatus } from '../data/modulesData'
|
||||
|
||||
// Default statuses for demo
|
||||
const DEFAULT_STATUSES: Record<string, ModuleStatus> = {
|
||||
'wifi-auth': 'active',
|
||||
'payments': 'trial',
|
||||
'tv-welcome': 'inactive',
|
||||
'smart-locks': 'inactive',
|
||||
'olap-reports': 'active', // active в демо — виден в сайдбаре
|
||||
'website-builder':'inactive',
|
||||
'booking-widget': 'inactive',
|
||||
}
|
||||
|
||||
interface ModulesContextValue {
|
||||
statuses: Record<string, ModuleStatus>
|
||||
setStatus: (id: string, status: ModuleStatus) => void
|
||||
isActive: (id: string) => boolean
|
||||
}
|
||||
|
||||
const ModulesContext = createContext<ModulesContextValue | null>(null)
|
||||
|
||||
export function ModulesProvider({ children }: { children: React.ReactNode }) {
|
||||
const [statuses, setStatuses] = useState<Record<string, ModuleStatus>>(() => {
|
||||
try {
|
||||
const stored = localStorage.getItem('hotelsync-modules')
|
||||
return stored ? { ...DEFAULT_STATUSES, ...JSON.parse(stored) } : DEFAULT_STATUSES
|
||||
} catch {
|
||||
return DEFAULT_STATUSES
|
||||
}
|
||||
})
|
||||
|
||||
const setStatus = (id: string, status: ModuleStatus) => {
|
||||
setStatuses(prev => {
|
||||
const next = { ...prev, [id]: status }
|
||||
localStorage.setItem('hotelsync-modules', JSON.stringify(next))
|
||||
return next
|
||||
})
|
||||
}
|
||||
|
||||
const isActive = (id: string) => statuses[id] === 'active' || statuses[id] === 'trial'
|
||||
|
||||
return (
|
||||
<ModulesContext.Provider value={{ statuses, setStatus, isActive }}>
|
||||
{children}
|
||||
</ModulesContext.Provider>
|
||||
)
|
||||
}
|
||||
|
||||
export function useModules() {
|
||||
const ctx = useContext(ModulesContext)
|
||||
if (!ctx) throw new Error('useModules must be used within ModulesProvider')
|
||||
return ctx
|
||||
}
|
||||
Reference in New Issue
Block a user