How naimurk/airlines-ticket-selling-buying-new works
This is an airline-management frontend for signing in, managing ticket sales, and managing airline portals; buying information is shown as coming soon. The main workflow is login, then the selling view, where users can inspect/filter records and open create or edit flows backed by ticket APIs. Portal management supports listing and portal CRUD. The graph reflects sampled calls and SOURCE INDEX references; several selling subviews and the statistics API are unsampled, so their internal connections are not asserted.
Main entry points: selling-information.tsx Sales overview · baseApi.ts API base · login.tsx Login · portal.api.ts Portal API
Components 25
Application and access
- React entry
src/main.tsx - Login
src/components/auth/login.tsx - Protected route
src/routes/ProtectRoute.tsx - Airline workspace
src/App.tsx
Ticket sales
- Sales overview
src/components/selling/selling-information.tsx - Add/edit sale
src/components/selling/add-selling.tsx - Sales filters
src/components/selling/filterbar.tsx - Sales table
src/components/selling/data-table.tsx - Edit sale
src/components/selling/edit.tsx - Delete sale
src/components/selling/deleteSelling.tsx - Sale details
src/components/selling/view-modal.tsx - Payment slip
src/components/selling/payment-slip.tsx - Sales report
src/components/selling/selling-report.tsx - Sales statistics
src/components/selling/statiscard.tsx
Portal management
- Portal list
src/components/portal/portal.tsx - Portal editor
src/components/portal/add-edit-portal-modal.tsx
State and API
- Authentication API
src/redux/features/auth/authApi.ts - Auth state
src/redux/features/auth/authSlice.ts - Redux store
src/redux/store.ts - API base
src/redux/api/baseApi.ts - Ticket API
src/redux/features/ticket/ticketp.api.ts - Statistics API
src/redux/features/ticket/sell-statistic.api.ts - Portal API
src/redux/features/portal/portal.api.ts
Other components
- Staff user
- Backend service
Connections 25
- Staff user → Login: submits credentials
src/components/auth/login.tsx - React entry → Airline workspace: renders
src/main.tsx - React entry → Login: loads
src/main.tsx - Login → Authentication API: requests login
src/components/auth/login.tsx - Login → Auth state: sets session
src/components/auth/login.tsx - Protected route → Auth state: checks session
src/routes/ProtectRoute.tsx - Airline workspace → Sales overview: renders sales tab
src/App.tsx - Airline workspace → Portal list: renders portal tab
src/App.tsx - Sales overview → Add/edit sale: opens form
src/components/selling/selling-information.tsx - Sales overview → Sales filters: renders filters
src/components/selling/selling-information.tsx - Sales overview → Sales table: renders table
src/components/selling/selling-information.tsx - Sales overview → Sales statistics: renders statistics
src/components/selling/selling-information.tsx - Sales overview → Ticket API: loads sales
src/components/selling/selling-information.tsx - Add/edit sale → Ticket API: creates or updates
src/components/selling/add-selling.tsx - Add/edit sale → Portal API: loads portal options
src/components/selling/add-selling.tsx - Portal list → Portal API: loads and deletes
src/components/portal/portal.tsx - Portal list → Portal editor: opens editor
src/components/portal/portal.tsx - Portal editor → Portal API: creates or updates
src/components/portal/add-edit-portal-modal.tsx - Authentication API → API base: uses API base
src/redux/features/auth/authApi.ts - Ticket API → API base: uses API base
src/redux/features/ticket/ticketp.api.ts - Portal API → API base: uses API base
src/redux/features/portal/portal.api.ts - Redux store → Auth state: persists reducer
src/redux/store.ts - Redux store → API base: registers reducer
src/redux/store.ts - API base → Backend service: sends HTTP requests
src/redux/api/baseApi.ts - Statistics API → API base: uses API base