nsrb
04c0d4b801
- Added a new function to list consecutive failure streaks for workflows, allowing tracking of workflows that have failed multiple times in a row. - Integrated the consecutive failure data into the dashboard, displaying streaks and counts for better visibility of workflow health. - Created a dedicated FailuresPage to present detailed information about consecutive failures, enhancing user experience and monitoring capabilities. - Updated API endpoints and hooks to support the new failure tracking features, ensuring seamless data retrieval and display. This enhancement improves the ability to monitor and respond to workflow failures, contributing to overall system reliability.
86 lines
3.4 KiB
React
86 lines
3.4 KiB
React
import { useEffect } from "react";
|
|
import { Navigate, Route, Routes } from "react-router-dom";
|
|
import { useQueryClient } from "@tanstack/react-query";
|
|
import { useBootstrap, useMe } from "./api/hooks.js";
|
|
import { Layout } from "./components/Layout.jsx";
|
|
import { AuthPage } from "./pages/AuthPage.jsx";
|
|
import { HomePage } from "./pages/HomePage.jsx";
|
|
import { ScriptsPage } from "./pages/ScriptsPage.jsx";
|
|
import { ScriptDryRunPage } from "./pages/ScriptDryRunPage.jsx";
|
|
import { ScriptEditPage, ScriptNewPage } from "./pages/ScriptEditPage.jsx";
|
|
import { WorkflowsPage } from "./pages/WorkflowsPage.jsx";
|
|
import { WorkflowEditPage, WorkflowNewPage } from "./pages/WorkflowEditPage.jsx";
|
|
import { EventsPage } from "./pages/EventsPage.jsx";
|
|
import { EventDetailPage } from "./pages/EventDetailPage.jsx";
|
|
import { FailuresPage } from "./pages/FailuresPage.jsx";
|
|
import { KvPage } from "./pages/KvPage.jsx";
|
|
import { AuthProfilesPage } from "./pages/AuthProfilesPage.jsx";
|
|
import { ResponsesPage } from "./pages/ResponsesPage.jsx";
|
|
import { UsersPage } from "./pages/UsersPage.jsx";
|
|
import { SecretsPage } from "./pages/SecretsPage.jsx";
|
|
import { VariablesPage } from "./pages/VariablesPage.jsx";
|
|
|
|
export function App() {
|
|
const qc = useQueryClient();
|
|
const bootstrap = useBootstrap();
|
|
const me = useMe();
|
|
|
|
useEffect(() => {
|
|
function onUnauthorized() {
|
|
qc.setQueryData(["me"], null);
|
|
}
|
|
window.addEventListener("jerapah-flow:unauthorized", onUnauthorized);
|
|
return () => window.removeEventListener("jerapah-flow:unauthorized", onUnauthorized);
|
|
}, [qc]);
|
|
|
|
const user = me.data?.user;
|
|
const loading =
|
|
bootstrap.isLoading || (me.isLoading && !me.isError && me.data === undefined);
|
|
|
|
if (loading) {
|
|
return (
|
|
<div className="min-h-screen flex items-center justify-center">
|
|
<span className="loading loading-spinner loading-lg" />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
if (!user) {
|
|
return <AuthPage needsSetup={Boolean(bootstrap.data?.needsSetup)} />;
|
|
}
|
|
|
|
return (
|
|
<Layout user={user}>
|
|
<Routes>
|
|
<Route path="/" element={<HomePage />} />
|
|
<Route path="/scripts" element={<ScriptsPage />} />
|
|
<Route path="/scripts/new" element={<ScriptNewPage />} />
|
|
<Route path="/scripts/:name/dry-run" element={<ScriptDryRunPage />} />
|
|
<Route path="/scripts/:name/edit" element={<ScriptEditPage />} />
|
|
<Route path="/workflows" element={<WorkflowsPage />} />
|
|
<Route path="/workflows/new" element={<WorkflowNewPage />} />
|
|
<Route path="/workflows/:owner/:file/edit" element={<WorkflowEditPage />} />
|
|
<Route path="/events" element={<EventsPage />} />
|
|
<Route path="/events/:id" element={<EventDetailPage />} />
|
|
<Route path="/failures" element={<FailuresPage />} />
|
|
<Route path="/kv" element={<KvPage />} />
|
|
<Route path="/variables" element={<VariablesPage />} />
|
|
<Route path="/auth" element={<AuthProfilesPage />} />
|
|
<Route path="/responses" element={<ResponsesPage />} />
|
|
{user.role === "admin" ? (
|
|
<>
|
|
<Route path="/users" element={<UsersPage />} />
|
|
<Route path="/secrets" element={<SecretsPage />} />
|
|
</>
|
|
) : (
|
|
<>
|
|
<Route path="/users" element={<Navigate to="/" replace />} />
|
|
<Route path="/secrets" element={<Navigate to="/" replace />} />
|
|
</>
|
|
)}
|
|
<Route path="*" element={<Navigate to="/" replace />} />
|
|
</Routes>
|
|
</Layout>
|
|
);
|
|
}
|