felix/packlist
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: display warning message on database connection error

Browse source
This commit is contained in:
Felix Zett 2025-09-20 09:49:52 +02:00
parent ece5a3cc85
commit 8c5fefc282
1 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frontend/src/App.tsx
View file

@ -91,11 +91,17 @@ function Navigation() {
export default function App() { export default function App() {
const [trips, setTrips] = useState<any[]>([]); const [trips, setTrips] = useState<any[]>([]);
const [dbError, setDbError] = useState<string | null>(null);
const navigate = useNavigate(); const navigate = useNavigate();
async function loadTrips() { async function loadTrips() {
try {
const data = await getTrips(); const data = await getTrips();
setTrips(data); setTrips(data);
setDbError(null);
} catch (err) {
setDbError("Warnung: Verbindung zur Datenbank fehlgeschlagen!");
}
} }
useEffect(() => { useEffect(() => {
@ -114,6 +120,11 @@ export default function App() {
return ( return (
<div className="p-4 max-w-5xl mx-auto"> <div className="p-4 max-w-5xl mx-auto">
<Navigation /> <Navigation />
{dbError && (
<div className="mb-4 p-3 bg-red-100 text-red-700 rounded border border-red-300 font-semibold text-center">
{dbError}
</div>
)}
<Routes> <Routes>
<Route path="/trips" element={<TripsPage />} /> <Route path="/trips" element={<TripsPage />} />
<Route path="/trips/:id" element={<TripChecklist trips={trips} />} /> <Route path="/trips/:id" element={<TripChecklist trips={trips} />} />