mirror of
https://github.com/pezkuwichain/pwap.git
synced 2026-04-22 02:07:55 +00:00
pezkuwichain
e39a1f192a
Mobile users (<768px) now see a native app-style home page with: - Green gradient header with avatar, greeting, language/wallet/notification - Horizontal scrollable score cards (auth-aware: login prompt for guests) - App grid sections (Finance, Governance, Social, Education) with 4-col layout - Bottom tab bar (Home / Citizen / Referral) - MobileShell wrapper for consistent mobile navigation across pages BeCitizen page redesigned for mobile with full-viewport hero screen, scroll-to-reveal content, and compact benefits/process cards. New Identity page (/identity) with realistic Kurdistan Republic ID card and passport design. Users can fill personal info, upload photo from camera/gallery, and save to device (localStorage only). Desktop layout completely untouched. i18n keys added for all 6 languages. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
247 lines
13 KiB
TypeScript
247 lines
13 KiB
TypeScript
import { useEffect, lazy, Suspense } from 'react';
|
|
import { BrowserRouter as Router, Routes, Route, useLocation } from 'react-router-dom';
|
|
import { ThemeProvider } from '@/components/theme-provider';
|
|
import { AppProvider } from '@/contexts/AppContext';
|
|
import { PezkuwiProvider } from '@/contexts/PezkuwiContext';
|
|
import { WalletProvider } from '@/contexts/WalletContext';
|
|
import { WebSocketProvider } from '@/contexts/WebSocketContext';
|
|
import { IdentityProvider } from '@/contexts/IdentityContext';
|
|
import { AuthProvider } from '@/contexts/AuthContext';
|
|
import { DashboardProvider } from '@/contexts/DashboardContext';
|
|
import { ReferralProvider } from '@/contexts/ReferralContext';
|
|
import { ProtectedRoute } from '@/components/ProtectedRoute';
|
|
import { P2PLayout } from '@/components/p2p/P2PLayout';
|
|
import { Toaster } from '@/components/ui/toaster';
|
|
import { Toaster as SonnerToaster } from '@/components/ui/sonner';
|
|
import { ErrorBoundary } from '@/components/ErrorBoundary';
|
|
import { initSentry } from '@/lib/sentry';
|
|
import './App.css';
|
|
import './i18n/config';
|
|
|
|
// Initialize Sentry error monitoring
|
|
initSentry();
|
|
|
|
// Lazy load pages for code splitting
|
|
const Index = lazy(() => import('@/pages/Index'));
|
|
const Login = lazy(() => import('@/pages/Login'));
|
|
const TelegramConnect = lazy(() => import('@/pages/TelegramConnect'));
|
|
const Dashboard = lazy(() => import('@/pages/Dashboard'));
|
|
const EmailVerification = lazy(() => import('@/pages/EmailVerification'));
|
|
const PasswordReset = lazy(() => import('@/pages/PasswordReset'));
|
|
const ProfileSettings = lazy(() => import('@/pages/ProfileSettings'));
|
|
const AdminPanel = lazy(() => import('@/pages/AdminPanel'));
|
|
const WalletDashboard = lazy(() => import('./pages/WalletDashboard'));
|
|
const ReservesDashboardPage = lazy(() => import('./pages/ReservesDashboardPage'));
|
|
const BeCitizen = lazy(() => import('./pages/BeCitizen'));
|
|
const Identity = lazy(() => import('./pages/Identity'));
|
|
const Citizens = lazy(() => import('./pages/Citizens'));
|
|
const CitizensIssues = lazy(() => import('./pages/citizens/CitizensIssues'));
|
|
const GovernmentEntrance = lazy(() => import('./pages/citizens/GovernmentEntrance'));
|
|
const Elections = lazy(() => import('./pages/Elections'));
|
|
const EducationPlatform = lazy(() => import('./pages/EducationPlatform'));
|
|
const P2PPlatform = lazy(() => import('./pages/P2PPlatform'));
|
|
const P2PTrade = lazy(() => import('./pages/P2PTrade'));
|
|
const P2POrders = lazy(() => import('./pages/P2POrders'));
|
|
const P2PDispute = lazy(() => import('./pages/P2PDispute'));
|
|
const P2PMerchantDashboard = lazy(() => import('./pages/P2PMerchantDashboard'));
|
|
const P2PMessages = lazy(() => import('./pages/P2PMessages'));
|
|
const DEXDashboard = lazy(() => import('./components/dex/DEXDashboard').then(m => ({ default: m.DEXDashboard })));
|
|
const Presale = lazy(() => import('./pages/Presale'));
|
|
const PresaleList = lazy(() => import('./pages/launchpad/PresaleList'));
|
|
const PresaleDetail = lazy(() => import('./pages/launchpad/PresaleDetail'));
|
|
const CreatePresale = lazy(() => import('./pages/launchpad/CreatePresale'));
|
|
const NotFound = lazy(() => import('@/pages/NotFound'));
|
|
const Explorer = lazy(() => import('@/pages/Explorer'));
|
|
const Docs = lazy(() => import('@/pages/Docs'));
|
|
const Api = lazy(() => import('@/pages/Api'));
|
|
const Faucet = lazy(() => import('@/pages/Faucet'));
|
|
const Developers = lazy(() => import('@/pages/Developers'));
|
|
const Grants = lazy(() => import('@/pages/Grants'));
|
|
const Wiki = lazy(() => import('@/pages/Wiki'));
|
|
const Forum = lazy(() => import('@/pages/Forum'));
|
|
const ForumTopic = lazy(() => import('@/pages/ForumTopic'));
|
|
const Telemetry = lazy(() => import('@/pages/Telemetry'));
|
|
const Subdomains = lazy(() => import('@/pages/Subdomains'));
|
|
const Messaging = lazy(() => import('@/pages/Messaging'));
|
|
|
|
// Network pages
|
|
const Mainnet = lazy(() => import('@/pages/networks/Mainnet'));
|
|
const Staging = lazy(() => import('@/pages/networks/Staging'));
|
|
const Testnet = lazy(() => import('@/pages/networks/Testnet'));
|
|
const Beta = lazy(() => import('@/pages/networks/Beta'));
|
|
const Alfa = lazy(() => import('@/pages/networks/Alfa'));
|
|
const Development = lazy(() => import('@/pages/networks/Development'));
|
|
const Local = lazy(() => import('@/pages/networks/Local'));
|
|
|
|
// Loading component
|
|
const PageLoader = () => (
|
|
<div className="flex items-center justify-center min-h-screen bg-gray-950">
|
|
<div className="animate-spin rounded-full h-12 w-12 border-b-2 border-green-500"></div>
|
|
</div>
|
|
);
|
|
|
|
function ReferralHandler() {
|
|
const location = useLocation();
|
|
|
|
useEffect(() => {
|
|
// Check for ?ref= parameter in URL
|
|
const params = new URLSearchParams(location.search);
|
|
const refParam = params.get('ref');
|
|
|
|
if (refParam) {
|
|
// Store referrer address in localStorage
|
|
localStorage.setItem('referrerAddress', refParam);
|
|
if (import.meta.env.DEV) {
|
|
console.log('Referrer address saved:', refParam);
|
|
}
|
|
}
|
|
}, [location]);
|
|
|
|
return null;
|
|
}
|
|
|
|
function App() {
|
|
const endpoint = import.meta.env.VITE_WS_ENDPOINT || 'ws://127.0.0.1:9944';
|
|
|
|
return (
|
|
<ThemeProvider defaultTheme="dark" storageKey="vite-ui-theme">
|
|
<ErrorBoundary>
|
|
<AuthProvider>
|
|
<AppProvider>
|
|
<PezkuwiProvider endpoint={endpoint}>
|
|
<WalletProvider>
|
|
<WebSocketProvider>
|
|
<IdentityProvider>
|
|
<DashboardProvider>
|
|
<ReferralProvider>
|
|
<Router>
|
|
<ReferralHandler />
|
|
<Suspense fallback={<PageLoader />}>
|
|
<Routes>
|
|
<Route path="/login" element={<Login />} />
|
|
<Route path="/auth/telegram-connect" element={<TelegramConnect />} />
|
|
<Route path="/email-verification" element={<EmailVerification />} />
|
|
<Route path="/reset-password" element={<PasswordReset />} />
|
|
<Route path="/" element={<Index />} />
|
|
<Route path="/explorer" element={<Explorer />} />
|
|
<Route path="/explorer/*" element={<Explorer />} />
|
|
<Route path="/docs/*" element={<Docs />} />
|
|
<Route path="/wallet" element={<WalletDashboard />} />
|
|
<Route path="/api" element={<Api />} />
|
|
<Route path="/faucet" element={<Faucet />} />
|
|
<Route path="/developers" element={<Developers />} />
|
|
<Route path="/grants" element={<Grants />} />
|
|
<Route path="/wiki" element={<Wiki />} />
|
|
<Route path="/forum" element={<Forum />} />
|
|
<Route path="/forum/:id" element={<ForumTopic />} />
|
|
<Route path="/telemetry" element={<Telemetry />} />
|
|
<Route path="/subdomains" element={<Subdomains />} />
|
|
<Route path="/message" element={<Messaging />} />
|
|
{/* Network pages */}
|
|
<Route path="/mainnet" element={<Mainnet />} />
|
|
<Route path="/staging" element={<Staging />} />
|
|
<Route path="/testnet" element={<Testnet />} />
|
|
<Route path="/beta" element={<Beta />} />
|
|
<Route path="/alfa" element={<Alfa />} />
|
|
<Route path="/development" element={<Development />} />
|
|
<Route path="/local" element={<Local />} />
|
|
<Route path="/be-citizen" element={<BeCitizen />} />
|
|
<Route path="/identity" element={<Identity />} />
|
|
<Route path="/citizens" element={<Citizens />} />
|
|
<Route path="/citizens/issues" element={<CitizensIssues />} />
|
|
<Route path="/citizens/government" element={<GovernmentEntrance />} />
|
|
<Route path="/dashboard" element={
|
|
<ProtectedRoute>
|
|
<Dashboard />
|
|
</ProtectedRoute>
|
|
} />
|
|
<Route path="/profile/settings" element={
|
|
<ProtectedRoute>
|
|
<ProfileSettings />
|
|
</ProtectedRoute>
|
|
} />
|
|
<Route path="/admin" element={
|
|
<ProtectedRoute requireAdmin>
|
|
<AdminPanel />
|
|
</ProtectedRoute>
|
|
} />
|
|
<Route path="/wallet-dashboard" element={
|
|
<ProtectedRoute>
|
|
<WalletDashboard />
|
|
</ProtectedRoute>
|
|
} />
|
|
<Route path="/reserves" element={
|
|
<ProtectedRoute>
|
|
<ReservesDashboardPage />
|
|
</ProtectedRoute>
|
|
} />
|
|
<Route path="/elections" element={
|
|
<ProtectedRoute>
|
|
<Elections />
|
|
</ProtectedRoute>
|
|
} />
|
|
<Route path="/education" element={
|
|
<ProtectedRoute>
|
|
<EducationPlatform />
|
|
</ProtectedRoute>
|
|
} />
|
|
<Route path="/p2p" element={
|
|
<ProtectedRoute allowTelegramSession>
|
|
<P2PLayout><P2PPlatform /></P2PLayout>
|
|
</ProtectedRoute>
|
|
} />
|
|
<Route path="/p2p/trade/:tradeId" element={
|
|
<ProtectedRoute allowTelegramSession>
|
|
<P2PLayout><P2PTrade /></P2PLayout>
|
|
</ProtectedRoute>
|
|
} />
|
|
<Route path="/p2p/orders" element={
|
|
<ProtectedRoute allowTelegramSession>
|
|
<P2PLayout><P2POrders /></P2PLayout>
|
|
</ProtectedRoute>
|
|
} />
|
|
<Route path="/p2p/dispute/:disputeId" element={
|
|
<ProtectedRoute allowTelegramSession>
|
|
<P2PLayout><P2PDispute /></P2PLayout>
|
|
</ProtectedRoute>
|
|
} />
|
|
<Route path="/p2p/messages" element={
|
|
<ProtectedRoute allowTelegramSession>
|
|
<P2PLayout><P2PMessages /></P2PLayout>
|
|
</ProtectedRoute>
|
|
} />
|
|
<Route path="/p2p/merchant" element={
|
|
<ProtectedRoute allowTelegramSession>
|
|
<P2PLayout><P2PMerchantDashboard /></P2PLayout>
|
|
</ProtectedRoute>
|
|
} />
|
|
<Route path="/dex" element={
|
|
<ProtectedRoute>
|
|
<DEXDashboard />
|
|
</ProtectedRoute>
|
|
} />
|
|
<Route path="/presale" element={<Presale />} />
|
|
<Route path="/launchpad" element={<PresaleList />} />
|
|
<Route path="/launchpad/:id" element={<PresaleDetail />} />
|
|
<Route path="/launchpad/create" element={<CreatePresale />} />
|
|
<Route path="*" element={<NotFound />} />
|
|
</Routes>
|
|
</Suspense>
|
|
</Router>
|
|
</ReferralProvider>
|
|
</DashboardProvider>
|
|
</IdentityProvider>
|
|
</WebSocketProvider>
|
|
</WalletProvider>
|
|
</PezkuwiProvider>
|
|
</AppProvider>
|
|
</AuthProvider>
|
|
<Toaster />
|
|
<SonnerToaster position="top-center" />
|
|
</ErrorBoundary>
|
|
</ThemeProvider>
|
|
);
|
|
}
|
|
|
|
export default App;
|