From 08b00728c20658dc69ca2e742068f3a7d855c809 Mon Sep 17 00:00:00 2001
From: Tola Leng <tolaleng.oss@gmail.com>
Date: Sun, 15 Jun 2025 21:47:03 +0800
Subject: [PATCH] Fix: Import ErrorBoundary correctly

---
 application/src/App.tsx | 150 +++++++++++++---------------------------
 1 file changed, 49 insertions(+), 101 deletions(-)

diff --git a/application/src/App.tsx b/application/src/App.tsx
index e97d3bb..022f211 100644
--- a/application/src/App.tsx
+++ b/application/src/App.tsx
@@ -1,114 +1,62 @@
-
 import React from 'react';
-import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { ThemeProvider } from './contexts/ThemeContext';
-import { LanguageProvider } from './contexts/LanguageContext';
-import { SidebarProvider } from './contexts/SidebarContext';
-import { ErrorBoundary } from './components/ErrorBoundary';
-import { Toaster } from './components/ui/sonner';
-import { authService } from './services/authService';
+import { Toaster } from '@/components/ui/sonner';
+import { ThemeProvider } from '@/contexts/ThemeContext';
+import { LanguageProvider } from '@/contexts/LanguageContext';
+import { SidebarProvider } from '@/contexts/SidebarContext';
+import { ErrorBoundary } from '@/components/ErrorBoundary';
 
 // Pages
-import Index from './pages/Index';
-import Login from './pages/Login';
-import Dashboard from './pages/Dashboard';
-import ServiceDetail from './pages/ServiceDetail';
-import Settings from './pages/Settings';
-import Profile from './pages/Profile';
-import SslDomain from './pages/SslDomain';
-import ScheduleIncident from './pages/ScheduleIncident';
-import OperationalPage from './pages/OperationalPage';
-import PublicStatusPage from './pages/PublicStatusPage';
-import NotFound from './pages/NotFound';
+import Index from '@/pages/Index';
+import Login from '@/pages/Login';
+import Dashboard from '@/pages/Dashboard';
+import ServiceDetail from '@/pages/ServiceDetail';
+import Profile from '@/pages/Profile';
+import Settings from '@/pages/Settings';
+import OperationalPage from '@/pages/OperationalPage';
+import ScheduleIncident from '@/pages/ScheduleIncident';
+import SslDomain from '@/pages/SslDomain';
+import PublicStatusPage from '@/pages/PublicStatusPage';
+import NotFound from '@/pages/NotFound';
 
-const queryClient = new QueryClient();
-
-// Protected Route Component
-const ProtectedRoute = ({ children }: { children: React.ReactNode }) => {
-  const isAuthenticated = authService.isAuthenticated();
-  return isAuthenticated ? <>{children}</> : <Navigate to="/login" replace />;
-};
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      retry: 1,
+      refetchOnWindowFocus: false,
+    },
+  },
+});
 
 function App() {
   return (
-    <ErrorBoundary>
-      <QueryClientProvider client={queryClient}>
-        <ThemeProvider>
-          <LanguageProvider>
-            <SidebarProvider>
+    <QueryClientProvider client={queryClient}>
+      <ThemeProvider>
+        <LanguageProvider>
+          <SidebarProvider>
+            <ErrorBoundary>
               <Router>
-                <div className="min-h-screen bg-background text-foreground">
-                  <Routes>
-                    <Route path="/" element={<Index />} />
-                    <Route path="/login" element={<Login />} />
-                    <Route 
-                      path="/dashboard" 
-                      element={
-                        <ProtectedRoute>
-                          <Dashboard />
-                        </ProtectedRoute>
-                      } 
-                    />
-                    <Route 
-                      path="/service/:id" 
-                      element={
-                        <ProtectedRoute>
-                          <ServiceDetail />
-                        </ProtectedRoute>
-                      } 
-                    />
-                    <Route 
-                      path="/settings" 
-                      element={
-                        <ProtectedRoute>
-                          <Settings />
-                        </ProtectedRoute>
-                      } 
-                    />
-                    <Route 
-                      path="/profile" 
-                      element={
-                        <ProtectedRoute>
-                          <Profile />
-                        </ProtectedRoute>
-                      } 
-                    />
-                    <Route 
-                      path="/ssl-domain" 
-                      element={
-                        <ProtectedRoute>
-                          <SslDomain />
-                        </ProtectedRoute>
-                      } 
-                    />
-                    <Route 
-                      path="/schedule-incident" 
-                      element={
-                        <ProtectedRoute>
-                          <ScheduleIncident />
-                        </ProtectedRoute>
-                      } 
-                    />
-                    <Route 
-                      path="/operational-page" 
-                      element={
-                        <ProtectedRoute>
-                          <OperationalPage />
-                        </ProtectedRoute>
-                      } 
-                    />
-                    <Route path="/status/:pageSlug" element={<PublicStatusPage />} />
-                    <Route path="*" element={<NotFound />} />
-                  </Routes>
-                  <Toaster />
-                </div>
+                <Routes>
+                  <Route path="/" element={<Index />} />
+                  <Route path="/login" element={<Login />} />
+                  <Route path="/dashboard" element={<Dashboard />} />
+                  <Route path="/services/:id" element={<ServiceDetail />} />
+                  <Route path="/profile" element={<Profile />} />
+                  <Route path="/settings" element={<Settings />} />
+                  <Route path="/operational-page" element={<OperationalPage />} />
+                  <Route path="/schedule-incident" element={<ScheduleIncident />} />
+                  <Route path="/ssl-domain" element={<SslDomain />} />
+                  <Route path="/status/:slug" element={<PublicStatusPage />} />
+                  <Route path="*" element={<NotFound />} />
+                </Routes>
               </Router>
-            </SidebarProvider>
-          </LanguageProvider>
-        </ThemeProvider>
-      </QueryClientProvider>
-    </ErrorBoundary>
+              <Toaster />
+            </ErrorBoundary>
+          </SidebarProvider>
+        </LanguageProvider>
+      </ThemeProvider>
+    </QueryClientProvider>
   );
 }