mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-07-28 17:43:47 +00:00
82eb03dec9
Renewal flow (per-subscription): - New /subscriptions/:id/renew page showing only period options for the specific tariff with balance display and renew button - PurchaseCTAButton links to /renew in multi-tariff mode Purchase flow (new tariffs only): - Hide already purchased tariffs (is_purchased flag from backend) - Fallback UI when all tariffs are owned - Types: added is_purchased, all_tariffs_purchased fields
1269 lines
37 KiB
TypeScript
1269 lines
37 KiB
TypeScript
import { lazy, Suspense } from 'react';
|
|
import { Routes, Route, Navigate, useLocation, useParams } from 'react-router';
|
|
import { useAuthStore } from './store/auth';
|
|
import { useBlockingStore } from './store/blocking';
|
|
import Layout from './components/layout/Layout';
|
|
import PageLoader from './components/common/PageLoader';
|
|
import {
|
|
MaintenanceScreen,
|
|
ChannelSubscriptionScreen,
|
|
BlacklistedScreen,
|
|
} from './components/blocking';
|
|
import { ErrorBoundary } from './components/ErrorBoundary';
|
|
import { PermissionRoute } from '@/components/auth/PermissionRoute';
|
|
import { saveReturnUrl } from './utils/token';
|
|
import { useAnalyticsCounters } from './hooks/useAnalyticsCounters';
|
|
// Auth pages - load immediately (small)
|
|
import Login from './pages/Login';
|
|
import TelegramCallback from './pages/TelegramCallback';
|
|
import TelegramRedirect from './pages/TelegramRedirect';
|
|
import DeepLinkRedirect from './pages/DeepLinkRedirect';
|
|
import VerifyEmail from './pages/VerifyEmail';
|
|
import ResetPassword from './pages/ResetPassword';
|
|
import OAuthCallback from './pages/OAuthCallback';
|
|
|
|
// Dashboard - load eagerly (default route, LCP-critical)
|
|
import Dashboard from './pages/Dashboard';
|
|
|
|
// User pages - lazy load
|
|
const Subscriptions = lazy(() => import('./pages/Subscriptions'));
|
|
const Subscription = lazy(() => import('./pages/Subscription'));
|
|
const SubscriptionPurchase = lazy(() => import('./pages/SubscriptionPurchase'));
|
|
const Balance = lazy(() => import('./pages/Balance'));
|
|
const SavedCards = lazy(() => import('./pages/SavedCards'));
|
|
const Referral = lazy(() => import('./pages/Referral'));
|
|
const Support = lazy(() => import('./pages/Support'));
|
|
const Profile = lazy(() => import('./pages/Profile'));
|
|
const Contests = lazy(() => import('./pages/Contests'));
|
|
const Polls = lazy(() => import('./pages/Polls'));
|
|
const Info = lazy(() => import('./pages/Info'));
|
|
const Wheel = lazy(() => import('./pages/Wheel'));
|
|
const GiftSubscription = lazy(() => import('./pages/GiftSubscription'));
|
|
const GiftResult = lazy(() => import('./pages/GiftResult'));
|
|
const Connection = lazy(() => import('./pages/Connection'));
|
|
const ConnectionQR = lazy(() => import('./pages/ConnectionQR'));
|
|
const QuickPurchase = lazy(() => import('./pages/QuickPurchase'));
|
|
const PurchaseSuccess = lazy(() => import('./pages/PurchaseSuccess'));
|
|
const RenewSubscription = lazy(() => import('./pages/RenewSubscription'));
|
|
const AutoLogin = lazy(() => import('./pages/AutoLogin'));
|
|
const TopUpMethodSelect = lazy(() => import('./pages/TopUpMethodSelect'));
|
|
const TopUpAmount = lazy(() => import('./pages/TopUpAmount'));
|
|
const TopUpResult = lazy(() => import('./pages/TopUpResult'));
|
|
const ConnectedAccounts = lazy(() => import('./pages/ConnectedAccounts'));
|
|
const LinkTelegramCallback = lazy(() => import('./pages/LinkTelegramCallback'));
|
|
const MergeAccounts = lazy(() => import('./pages/MergeAccounts'));
|
|
|
|
// Admin pages - lazy load (only for admins)
|
|
const AdminPanel = lazy(() => import('./pages/AdminPanel'));
|
|
const AdminTickets = lazy(() => import('./pages/AdminTickets'));
|
|
const AdminTicketSettings = lazy(() => import('./pages/AdminTicketSettings'));
|
|
const AdminSettings = lazy(() => import('./pages/AdminSettings'));
|
|
const AdminApps = lazy(() => import('./pages/AdminApps'));
|
|
const AdminWheel = lazy(() => import('./pages/AdminWheel'));
|
|
const AdminTariffs = lazy(() => import('./pages/AdminTariffs'));
|
|
const AdminTariffCreate = lazy(() => import('./pages/AdminTariffCreate'));
|
|
const AdminServers = lazy(() => import('./pages/AdminServers'));
|
|
const AdminServerEdit = lazy(() => import('./pages/AdminServerEdit'));
|
|
const AdminDashboard = lazy(() => import('./pages/AdminDashboard'));
|
|
const AdminBanSystem = lazy(() => import('./pages/AdminBanSystem'));
|
|
const AdminBroadcasts = lazy(() => import('./pages/AdminBroadcasts'));
|
|
const AdminBroadcastCreate = lazy(() => import('./pages/AdminBroadcastCreate'));
|
|
const AdminPromocodes = lazy(() => import('./pages/AdminPromocodes'));
|
|
const AdminPromocodeCreate = lazy(() => import('./pages/AdminPromocodeCreate'));
|
|
const AdminPromocodeStats = lazy(() => import('./pages/AdminPromocodeStats'));
|
|
const AdminPromoGroups = lazy(() => import('./pages/AdminPromoGroups'));
|
|
const AdminPromoGroupCreate = lazy(() => import('./pages/AdminPromoGroupCreate'));
|
|
const AdminCampaigns = lazy(() => import('./pages/AdminCampaigns'));
|
|
const AdminCampaignCreate = lazy(() => import('./pages/AdminCampaignCreate'));
|
|
const AdminCampaignStats = lazy(() => import('./pages/AdminCampaignStats'));
|
|
const AdminCampaignEdit = lazy(() => import('./pages/AdminCampaignEdit'));
|
|
const AdminPartners = lazy(() => import('./pages/AdminPartners'));
|
|
const AdminPartnerSettings = lazy(() => import('./pages/AdminPartnerSettings'));
|
|
const AdminPartnerDetail = lazy(() => import('./pages/AdminPartnerDetail'));
|
|
const AdminApplicationReview = lazy(() => import('./pages/AdminApplicationReview'));
|
|
const AdminPartnerCommission = lazy(() => import('./pages/AdminPartnerCommission'));
|
|
const AdminPartnerRevoke = lazy(() => import('./pages/AdminPartnerRevoke'));
|
|
const AdminPartnerCampaignAssign = lazy(() => import('./pages/AdminPartnerCampaignAssign'));
|
|
const AdminWithdrawals = lazy(() => import('./pages/AdminWithdrawals'));
|
|
const AdminWithdrawalDetail = lazy(() => import('./pages/AdminWithdrawalDetail'));
|
|
const AdminWithdrawalReject = lazy(() => import('./pages/AdminWithdrawalReject'));
|
|
const ReferralPartnerApply = lazy(() => import('./pages/ReferralPartnerApply'));
|
|
const ReferralWithdrawalRequest = lazy(() => import('./pages/ReferralWithdrawalRequest'));
|
|
const AdminUsers = lazy(() => import('./pages/AdminUsers'));
|
|
const AdminPayments = lazy(() => import('./pages/AdminPayments'));
|
|
const AdminPaymentMethods = lazy(() => import('./pages/AdminPaymentMethods'));
|
|
const AdminPaymentMethodEdit = lazy(() => import('./pages/AdminPaymentMethodEdit'));
|
|
const AdminPromoOffers = lazy(() => import('./pages/AdminPromoOffers'));
|
|
const AdminPromoOfferTemplateEdit = lazy(() => import('./pages/AdminPromoOfferTemplateEdit'));
|
|
const AdminPromoOfferSend = lazy(() => import('./pages/AdminPromoOfferSend'));
|
|
const AdminRemnawave = lazy(() => import('./pages/AdminRemnawave'));
|
|
const AdminRemnawaveSquadDetail = lazy(() => import('./pages/AdminRemnawaveSquadDetail'));
|
|
const AdminEmailTemplates = lazy(() => import('./pages/AdminEmailTemplates'));
|
|
const AdminTrafficUsage = lazy(() => import('./pages/AdminTrafficUsage'));
|
|
const AdminSalesStats = lazy(() => import('./pages/AdminSalesStats'));
|
|
const AdminUpdates = lazy(() => import('./pages/AdminUpdates'));
|
|
const AdminUserDetail = lazy(() => import('./pages/AdminUserDetail'));
|
|
const AdminBroadcastDetail = lazy(() => import('./pages/AdminBroadcastDetail'));
|
|
const AdminPinnedMessages = lazy(() => import('./pages/AdminPinnedMessages'));
|
|
const AdminPinnedMessageCreate = lazy(() => import('./pages/AdminPinnedMessageCreate'));
|
|
const AdminChannelSubscriptions = lazy(() => import('./pages/AdminChannelSubscriptions'));
|
|
const AdminEmailTemplatePreview = lazy(() => import('./pages/AdminEmailTemplatePreview'));
|
|
const AdminRoles = lazy(() => import('./pages/AdminRoles'));
|
|
const AdminRoleEdit = lazy(() => import('./pages/AdminRoleEdit'));
|
|
const AdminRoleAssign = lazy(() => import('./pages/AdminRoleAssign'));
|
|
const AdminPolicies = lazy(() => import('./pages/AdminPolicies'));
|
|
const AdminPolicyEdit = lazy(() => import('./pages/AdminPolicyEdit'));
|
|
const AdminAuditLog = lazy(() => import('./pages/AdminAuditLog'));
|
|
const AdminLandings = lazy(() => import('./pages/AdminLandings'));
|
|
const AdminLandingEditor = lazy(() => import('./pages/AdminLandingEditor'));
|
|
const AdminLandingStats = lazy(() => import('./pages/AdminLandingStats'));
|
|
const AdminReferralNetwork = lazy(() => import('./pages/ReferralNetwork'));
|
|
|
|
// News pages
|
|
const NewsArticlePage = lazy(() => import('./pages/NewsArticle'));
|
|
const AdminNews = lazy(() => import('./pages/AdminNews'));
|
|
const AdminNewsCreate = lazy(() => import('./pages/AdminNewsCreate'));
|
|
|
|
function ProtectedRoute({
|
|
children,
|
|
withLayout = true,
|
|
}: {
|
|
children: React.ReactNode;
|
|
withLayout?: boolean;
|
|
}) {
|
|
const isAuthenticated = useAuthStore((state) => state.isAuthenticated);
|
|
const isLoading = useAuthStore((state) => state.isLoading);
|
|
const location = useLocation();
|
|
|
|
if (isLoading) {
|
|
return <PageLoader variant="dark" />;
|
|
}
|
|
|
|
if (!isAuthenticated) {
|
|
saveReturnUrl();
|
|
return <Navigate to="/login" replace state={{ from: location.pathname }} />;
|
|
}
|
|
|
|
return withLayout ? <Layout>{children}</Layout> : <>{children}</>;
|
|
}
|
|
|
|
function AdminRoute({ children }: { children: React.ReactNode }) {
|
|
const isAuthenticated = useAuthStore((state) => state.isAuthenticated);
|
|
const isLoading = useAuthStore((state) => state.isLoading);
|
|
const isAdmin = useAuthStore((state) => state.isAdmin);
|
|
const location = useLocation();
|
|
|
|
if (isLoading) {
|
|
return <PageLoader variant="light" />;
|
|
}
|
|
|
|
if (!isAuthenticated) {
|
|
saveReturnUrl();
|
|
return <Navigate to="/login" replace state={{ from: location.pathname }} />;
|
|
}
|
|
|
|
if (!isAdmin) {
|
|
return <Navigate to="/" replace />;
|
|
}
|
|
|
|
return <Layout>{children}</Layout>;
|
|
}
|
|
|
|
// Suspense wrapper for lazy components
|
|
function LazyPage({ children }: { children: React.ReactNode }) {
|
|
return <Suspense fallback={<PageLoader variant="dark" />}>{children}</Suspense>;
|
|
}
|
|
|
|
function BlockingOverlay() {
|
|
const blockingType = useBlockingStore((state) => state.blockingType);
|
|
|
|
if (blockingType === 'maintenance') {
|
|
return <MaintenanceScreen />;
|
|
}
|
|
|
|
if (blockingType === 'channel_subscription') {
|
|
return <ChannelSubscriptionScreen />;
|
|
}
|
|
|
|
if (blockingType === 'blacklisted') {
|
|
return <BlacklistedScreen />;
|
|
}
|
|
|
|
return null;
|
|
}
|
|
|
|
/** Redirect /subscription/:id → /subscriptions/:id preserving the param */
|
|
function LegacySubscriptionRedirect() {
|
|
const { subscriptionId } = useParams<{ subscriptionId: string }>();
|
|
return <Navigate to={`/subscriptions/${subscriptionId}`} replace />;
|
|
}
|
|
|
|
function App() {
|
|
useAnalyticsCounters();
|
|
|
|
return (
|
|
<>
|
|
<BlockingOverlay />
|
|
<Routes>
|
|
{/* Public routes */}
|
|
<Route path="/login" element={<Login />} />
|
|
<Route path="/auth/telegram/callback" element={<TelegramCallback />} />
|
|
<Route path="/auth/telegram" element={<TelegramRedirect />} />
|
|
<Route path="/tg" element={<TelegramRedirect />} />
|
|
<Route path="/connect" element={<DeepLinkRedirect />} />
|
|
<Route path="/add" element={<DeepLinkRedirect />} />
|
|
<Route path="/auth/oauth/callback" element={<OAuthCallback />} />
|
|
<Route path="/verify-email" element={<VerifyEmail />} />
|
|
<Route path="/reset-password" element={<ResetPassword />} />
|
|
<Route
|
|
path="/merge/:mergeToken"
|
|
element={
|
|
<LazyPage>
|
|
<MergeAccounts />
|
|
</LazyPage>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/buy/success/:token"
|
|
element={
|
|
<ErrorBoundary level="app">
|
|
<LazyPage>
|
|
<PurchaseSuccess />
|
|
</LazyPage>
|
|
</ErrorBoundary>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/buy/:slug"
|
|
element={
|
|
<ErrorBoundary level="app">
|
|
<LazyPage>
|
|
<QuickPurchase />
|
|
</LazyPage>
|
|
</ErrorBoundary>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/auto-login"
|
|
element={
|
|
<ErrorBoundary level="app">
|
|
<LazyPage>
|
|
<AutoLogin />
|
|
</LazyPage>
|
|
</ErrorBoundary>
|
|
}
|
|
/>
|
|
|
|
{/* Protected routes */}
|
|
<Route
|
|
path="/"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<Dashboard />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/subscriptions"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<Subscriptions />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/subscriptions/:subscriptionId"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<Subscription />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/subscriptions/:subscriptionId/renew"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<RenewSubscription />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
{/* Legacy redirects for backward compatibility */}
|
|
<Route path="/subscription/:subscriptionId" element={<LegacySubscriptionRedirect />} />
|
|
<Route
|
|
path="/subscription"
|
|
element={
|
|
<ProtectedRoute>
|
|
<Navigate to="/subscriptions" replace />
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/subscription/purchase"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<SubscriptionPurchase />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/balance"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<Balance />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/balance/saved-cards"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<SavedCards />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/balance/top-up"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<TopUpMethodSelect />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/balance/top-up/result"
|
|
element={
|
|
<ProtectedRoute withLayout={false}>
|
|
<ErrorBoundary level="app">
|
|
<LazyPage>
|
|
<TopUpResult />
|
|
</LazyPage>
|
|
</ErrorBoundary>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/balance/top-up/:methodId"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<TopUpAmount />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/referral"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<Referral />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/referral/partner/apply"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<ReferralPartnerApply />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/referral/withdrawal/request"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<ReferralWithdrawalRequest />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/support"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<Support />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/profile"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<Profile />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/profile/accounts"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<ConnectedAccounts />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/auth/link/telegram/callback"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<LinkTelegramCallback />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/contests"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<Contests />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/polls"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<Polls />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/info"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<Info />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/wheel"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<Wheel />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/gift"
|
|
element={
|
|
<ErrorBoundary level="app">
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<GiftSubscription />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
</ErrorBoundary>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/gift/result"
|
|
element={
|
|
<ErrorBoundary level="app">
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<GiftResult />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
</ErrorBoundary>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/connection/qr"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<ConnectionQR />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/connection"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<Connection />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/news/:slug"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LazyPage>
|
|
<NewsArticlePage />
|
|
</LazyPage>
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
|
|
{/* Admin routes */}
|
|
<Route
|
|
path="/admin"
|
|
element={
|
|
<AdminRoute>
|
|
<LazyPage>
|
|
<AdminPanel />
|
|
</LazyPage>
|
|
</AdminRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/tickets"
|
|
element={
|
|
<PermissionRoute permission="tickets:read">
|
|
<LazyPage>
|
|
<AdminTickets />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/tickets/settings"
|
|
element={
|
|
<PermissionRoute permission="tickets:settings">
|
|
<LazyPage>
|
|
<AdminTicketSettings />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/settings"
|
|
element={
|
|
<PermissionRoute permission="settings:read">
|
|
<LazyPage>
|
|
<AdminSettings />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/apps"
|
|
element={
|
|
<PermissionRoute permission="apps:read">
|
|
<LazyPage>
|
|
<AdminApps />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/wheel"
|
|
element={
|
|
<PermissionRoute permission="wheel:read">
|
|
<LazyPage>
|
|
<AdminWheel />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/tariffs"
|
|
element={
|
|
<PermissionRoute permission="tariffs:read">
|
|
<LazyPage>
|
|
<AdminTariffs />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/tariffs/create"
|
|
element={
|
|
<PermissionRoute permission="tariffs:read">
|
|
<LazyPage>
|
|
<AdminTariffCreate />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/tariffs/:id/edit"
|
|
element={
|
|
<PermissionRoute permission="tariffs:read">
|
|
<LazyPage>
|
|
<AdminTariffCreate />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/landings"
|
|
element={
|
|
<PermissionRoute permission="landings:read">
|
|
<LazyPage>
|
|
<AdminLandings />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/landings/create"
|
|
element={
|
|
<PermissionRoute permission="landings:create">
|
|
<LazyPage>
|
|
<AdminLandingEditor />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/landings/:id/edit"
|
|
element={
|
|
<PermissionRoute permission="landings:edit">
|
|
<LazyPage>
|
|
<AdminLandingEditor />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/landings/:id/stats"
|
|
element={
|
|
<PermissionRoute permission="landings:read">
|
|
<LazyPage>
|
|
<AdminLandingStats />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/servers"
|
|
element={
|
|
<PermissionRoute permission="servers:read">
|
|
<LazyPage>
|
|
<AdminServers />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/servers/:id/edit"
|
|
element={
|
|
<PermissionRoute permission="servers:read">
|
|
<LazyPage>
|
|
<AdminServerEdit />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/dashboard"
|
|
element={
|
|
<PermissionRoute permission="stats:read">
|
|
<LazyPage>
|
|
<AdminDashboard />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/ban-system"
|
|
element={
|
|
<PermissionRoute permission="ban_system:read">
|
|
<LazyPage>
|
|
<AdminBanSystem />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/broadcasts"
|
|
element={
|
|
<PermissionRoute permission="broadcasts:read">
|
|
<LazyPage>
|
|
<AdminBroadcasts />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/broadcasts/create"
|
|
element={
|
|
<PermissionRoute permission="broadcasts:read">
|
|
<LazyPage>
|
|
<AdminBroadcastCreate />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/promocodes"
|
|
element={
|
|
<PermissionRoute permission="promocodes:read">
|
|
<LazyPage>
|
|
<AdminPromocodes />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/promocodes/create"
|
|
element={
|
|
<PermissionRoute permission="promocodes:read">
|
|
<LazyPage>
|
|
<AdminPromocodeCreate />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/promocodes/:id/edit"
|
|
element={
|
|
<PermissionRoute permission="promocodes:read">
|
|
<LazyPage>
|
|
<AdminPromocodeCreate />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/promocodes/:id/stats"
|
|
element={
|
|
<PermissionRoute permission="promocodes:read">
|
|
<LazyPage>
|
|
<AdminPromocodeStats />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/promo-groups"
|
|
element={
|
|
<PermissionRoute permission="promo_groups:read">
|
|
<LazyPage>
|
|
<AdminPromoGroups />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/promo-groups/create"
|
|
element={
|
|
<PermissionRoute permission="promo_groups:read">
|
|
<LazyPage>
|
|
<AdminPromoGroupCreate />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/promo-groups/:id/edit"
|
|
element={
|
|
<PermissionRoute permission="promo_groups:read">
|
|
<LazyPage>
|
|
<AdminPromoGroupCreate />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/campaigns"
|
|
element={
|
|
<PermissionRoute permission="campaigns:read">
|
|
<LazyPage>
|
|
<AdminCampaigns />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/campaigns/create"
|
|
element={
|
|
<PermissionRoute permission="campaigns:read">
|
|
<LazyPage>
|
|
<AdminCampaignCreate />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/campaigns/:id/stats"
|
|
element={
|
|
<PermissionRoute permission="campaigns:read">
|
|
<LazyPage>
|
|
<AdminCampaignStats />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/campaigns/:id/edit"
|
|
element={
|
|
<PermissionRoute permission="campaigns:read">
|
|
<LazyPage>
|
|
<AdminCampaignEdit />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/partners"
|
|
element={
|
|
<PermissionRoute permission="partners:read">
|
|
<LazyPage>
|
|
<AdminPartners />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/partners/settings"
|
|
element={
|
|
<PermissionRoute permission="partners:read">
|
|
<LazyPage>
|
|
<AdminPartnerSettings />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/partners/applications/:id/review"
|
|
element={
|
|
<PermissionRoute permission="partners:read">
|
|
<LazyPage>
|
|
<AdminApplicationReview />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/partners/:userId/commission"
|
|
element={
|
|
<PermissionRoute permission="partners:read">
|
|
<LazyPage>
|
|
<AdminPartnerCommission />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/partners/:userId/revoke"
|
|
element={
|
|
<PermissionRoute permission="partners:read">
|
|
<LazyPage>
|
|
<AdminPartnerRevoke />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/partners/:userId/campaigns/assign"
|
|
element={
|
|
<PermissionRoute permission="partners:read">
|
|
<LazyPage>
|
|
<AdminPartnerCampaignAssign />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/partners/:userId"
|
|
element={
|
|
<PermissionRoute permission="partners:read">
|
|
<LazyPage>
|
|
<AdminPartnerDetail />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/withdrawals"
|
|
element={
|
|
<PermissionRoute permission="withdrawals:read">
|
|
<LazyPage>
|
|
<AdminWithdrawals />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/withdrawals/:id/reject"
|
|
element={
|
|
<PermissionRoute permission="withdrawals:read">
|
|
<LazyPage>
|
|
<AdminWithdrawalReject />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/withdrawals/:id"
|
|
element={
|
|
<PermissionRoute permission="withdrawals:read">
|
|
<LazyPage>
|
|
<AdminWithdrawalDetail />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/users"
|
|
element={
|
|
<PermissionRoute permission="users:read">
|
|
<LazyPage>
|
|
<AdminUsers />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/payments"
|
|
element={
|
|
<PermissionRoute permission="payments:read">
|
|
<LazyPage>
|
|
<AdminPayments />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/traffic-usage"
|
|
element={
|
|
<PermissionRoute permission="traffic:read">
|
|
<LazyPage>
|
|
<AdminTrafficUsage />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/sales-stats"
|
|
element={
|
|
<PermissionRoute permission="sales_stats:read">
|
|
<LazyPage>
|
|
<AdminSalesStats />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/referral-network"
|
|
element={
|
|
<PermissionRoute permission="stats:read">
|
|
<LazyPage>
|
|
<AdminReferralNetwork />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/payment-methods"
|
|
element={
|
|
<PermissionRoute permission="payment_methods:read">
|
|
<LazyPage>
|
|
<AdminPaymentMethods />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/payment-methods/:methodId/edit"
|
|
element={
|
|
<PermissionRoute permission="payment_methods:read">
|
|
<LazyPage>
|
|
<AdminPaymentMethodEdit />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/promo-offers"
|
|
element={
|
|
<PermissionRoute permission="promo_offers:read">
|
|
<LazyPage>
|
|
<AdminPromoOffers />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/promo-offers/templates/:id/edit"
|
|
element={
|
|
<PermissionRoute permission="promo_offers:read">
|
|
<LazyPage>
|
|
<AdminPromoOfferTemplateEdit />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/promo-offers/send"
|
|
element={
|
|
<PermissionRoute permission="promo_offers:read">
|
|
<LazyPage>
|
|
<AdminPromoOfferSend />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/remnawave"
|
|
element={
|
|
<PermissionRoute permission="remnawave:read">
|
|
<LazyPage>
|
|
<AdminRemnawave />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/remnawave/squads/:uuid"
|
|
element={
|
|
<PermissionRoute permission="remnawave:read">
|
|
<LazyPage>
|
|
<AdminRemnawaveSquadDetail />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/email-templates"
|
|
element={
|
|
<PermissionRoute permission="email_templates:read">
|
|
<LazyPage>
|
|
<AdminEmailTemplates />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/updates"
|
|
element={
|
|
<PermissionRoute permission="updates:read">
|
|
<LazyPage>
|
|
<AdminUpdates />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/users/:id"
|
|
element={
|
|
<PermissionRoute permission="users:read">
|
|
<LazyPage>
|
|
<AdminUserDetail />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/broadcasts/:id"
|
|
element={
|
|
<PermissionRoute permission="broadcasts:read">
|
|
<LazyPage>
|
|
<AdminBroadcastDetail />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/pinned-messages"
|
|
element={
|
|
<PermissionRoute permission="pinned_messages:read">
|
|
<LazyPage>
|
|
<AdminPinnedMessages />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/pinned-messages/create"
|
|
element={
|
|
<PermissionRoute permission="pinned_messages:read">
|
|
<LazyPage>
|
|
<AdminPinnedMessageCreate />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/pinned-messages/:id/edit"
|
|
element={
|
|
<PermissionRoute permission="pinned_messages:read">
|
|
<LazyPage>
|
|
<AdminPinnedMessageCreate />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/channel-subscriptions"
|
|
element={
|
|
<PermissionRoute permission="channels:read">
|
|
<LazyPage>
|
|
<AdminChannelSubscriptions />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/email-templates/preview/:type/:lang"
|
|
element={
|
|
<PermissionRoute permission="email_templates:read">
|
|
<LazyPage>
|
|
<AdminEmailTemplatePreview />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
|
|
{/* RBAC routes */}
|
|
<Route
|
|
path="/admin/roles"
|
|
element={
|
|
<PermissionRoute permission="roles:read">
|
|
<LazyPage>
|
|
<AdminRoles />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/roles/create"
|
|
element={
|
|
<PermissionRoute permission="roles:create">
|
|
<LazyPage>
|
|
<AdminRoleEdit />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/roles/:id/edit"
|
|
element={
|
|
<PermissionRoute permission="roles:edit">
|
|
<LazyPage>
|
|
<AdminRoleEdit />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/roles/assign"
|
|
element={
|
|
<PermissionRoute permission="roles:assign">
|
|
<LazyPage>
|
|
<AdminRoleAssign />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/policies"
|
|
element={
|
|
<PermissionRoute permission="roles:read">
|
|
<LazyPage>
|
|
<AdminPolicies />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/policies/create"
|
|
element={
|
|
<PermissionRoute permission="roles:create">
|
|
<LazyPage>
|
|
<AdminPolicyEdit />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/policies/:id/edit"
|
|
element={
|
|
<PermissionRoute permission="roles:edit">
|
|
<LazyPage>
|
|
<AdminPolicyEdit />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
{/* News admin routes */}
|
|
<Route
|
|
path="/admin/news"
|
|
element={
|
|
<PermissionRoute permission="news:read">
|
|
<LazyPage>
|
|
<AdminNews />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/news/create"
|
|
element={
|
|
<PermissionRoute permission="news:create">
|
|
<LazyPage>
|
|
<AdminNewsCreate />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/admin/news/:id/edit"
|
|
element={
|
|
<PermissionRoute permission="news:edit">
|
|
<LazyPage>
|
|
<AdminNewsCreate />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
|
|
<Route
|
|
path="/admin/audit-log"
|
|
element={
|
|
<PermissionRoute permission="audit_log:read">
|
|
<LazyPage>
|
|
<AdminAuditLog />
|
|
</LazyPage>
|
|
</PermissionRoute>
|
|
}
|
|
/>
|
|
|
|
{/* Catch all */}
|
|
<Route path="*" element={<Navigate to="/" replace />} />
|
|
</Routes>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default App;
|