vodorod/Dorod-Sky
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Consolidate identical layout components (#2007)

Browse Source
This commit is contained in:
Shuchang Zheng
2025-03-24 07:51:53 -07:00
committed by GitHub
parent 008cc26a15
commit b1e6c7daf7
6 changed files with 11 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
skyvern-frontend/src/routes/tasks/TasksPageLayout.tsx → skyvern-frontend/src/components/PageLayout.tsx
View File

@@ -1,6 +1,6 @@
import { Outlet } from "react-router-dom"; import { Outlet } from "react-router-dom";
function TasksPageLayout() { function PageLayout() {
return ( return (
<div className="container mx-auto"> <div className="container mx-auto">
<main> <main>
@@ -10,4 +10,4 @@ function TasksPageLayout() {
); );
} }
export { TasksPageLayout }; export { PageLayout };

21
skyvern-frontend/src/router.tsx
View File

@@ -1,8 +1,9 @@
import { Navigate, Outlet, createBrowserRouter } from "react-router-dom"; import { Navigate, Outlet, createBrowserRouter } from "react-router-dom";
import { PageLayout } from "./components/PageLayout";
import { DiscoverPage } from "./routes/discover/DiscoverPage";
import { HistoryPage } from "./routes/history/HistoryPage";
import { RootLayout } from "./routes/root/RootLayout"; import { RootLayout } from "./routes/root/RootLayout";
import { Settings } from "./routes/settings/Settings"; import { Settings } from "./routes/settings/Settings";
import { SettingsPageLayout } from "./routes/settings/SettingsPageLayout";
import { TasksPageLayout } from "./routes/tasks/TasksPageLayout";
import { CreateNewTaskFormPage } from "./routes/tasks/create/CreateNewTaskFormPage"; import { CreateNewTaskFormPage } from "./routes/tasks/create/CreateNewTaskFormPage";
import { RetryTask } from "./routes/tasks/create/retry/RetryTask"; import { RetryTask } from "./routes/tasks/create/retry/RetryTask";
import { StepArtifactsLayout } from "./routes/tasks/detail/StepArtifactsLayout"; import { StepArtifactsLayout } from "./routes/tasks/detail/StepArtifactsLayout";
@@ -17,14 +18,10 @@ import { WorkflowRunParameters } from "./routes/workflows/WorkflowRunParameters"
import { Workflows } from "./routes/workflows/Workflows"; import { Workflows } from "./routes/workflows/Workflows";
import { WorkflowsPageLayout } from "./routes/workflows/WorkflowsPageLayout"; import { WorkflowsPageLayout } from "./routes/workflows/WorkflowsPageLayout";
import { WorkflowEditor } from "./routes/workflows/editor/WorkflowEditor"; import { WorkflowEditor } from "./routes/workflows/editor/WorkflowEditor";
import { WorkflowRunOutput } from "./routes/workflows/workflowRun/WorkflowRunOutput";
import { WorkflowPostRunParameters } from "./routes/workflows/workflowRun/WorkflowPostRunParameters"; import { WorkflowPostRunParameters } from "./routes/workflows/workflowRun/WorkflowPostRunParameters";
import { WorkflowRunRecording } from "./routes/workflows/workflowRun/WorkflowRunRecording"; import { WorkflowRunOutput } from "./routes/workflows/workflowRun/WorkflowRunOutput";
import { WorkflowRunOverview } from "./routes/workflows/workflowRun/WorkflowRunOverview"; import { WorkflowRunOverview } from "./routes/workflows/workflowRun/WorkflowRunOverview";
import { DiscoverPageLayout } from "./routes/discover/DiscoverPageLayout"; import { WorkflowRunRecording } from "./routes/workflows/workflowRun/WorkflowRunRecording";
import { DiscoverPage } from "./routes/discover/DiscoverPage";
import { HistoryPageLayout } from "./routes/history/HistoryPageLayout";
import { HistoryPage } from "./routes/history/HistoryPage";
const router = createBrowserRouter([ const router = createBrowserRouter([
{ {
@@ -37,7 +34,7 @@ const router = createBrowserRouter([
}, },
{ {
path: "tasks", path: "tasks",
element: <TasksPageLayout />, element: <PageLayout />,
children: [ children: [
{ {
index: true, index: true,
@@ -150,7 +147,7 @@ const router = createBrowserRouter([
}, },
{ {
path: "discover", path: "discover",
element: <DiscoverPageLayout />, element: <PageLayout />,
children: [ children: [
{ {
index: true, index: true,
@@ -160,7 +157,7 @@ const router = createBrowserRouter([
}, },
{ {
path: "history", path: "history",
element: <HistoryPageLayout />, element: <PageLayout />,
children: [ children: [
{ {
index: true, index: true,
@@ -170,7 +167,7 @@ const router = createBrowserRouter([
}, },
{ {
path: "settings", path: "settings",
element: <SettingsPageLayout />, element: <PageLayout />,
children: [ children: [
{ {
index: true, index: true,

13
skyvern-frontend/src/routes/credentials/CredentialsPageLayout.tsx
View File

@@ -1,13 +0,0 @@
import { Outlet } from "react-router-dom";
function CredentialsPageLayout() {
return (
<div className="container mx-auto">
<main>
<Outlet />
</main>
</div>
);
}
export { CredentialsPageLayout };

13
skyvern-frontend/src/routes/discover/DiscoverPageLayout.tsx
View File

@@ -1,13 +0,0 @@
import { Outlet } from "react-router-dom";
function DiscoverPageLayout() {
return (
<div className="container mx-auto">
<main>
<Outlet />
</main>
</div>
);
}
export { DiscoverPageLayout };

13
skyvern-frontend/src/routes/history/HistoryPageLayout.tsx
View File

@@ -1,13 +0,0 @@
import { Outlet } from "react-router-dom";
function HistoryPageLayout() {
return (
<div className="container mx-auto">
<main>
<Outlet />
</main>
</div>
);
}
export { HistoryPageLayout };

13
skyvern-frontend/src/routes/settings/SettingsPageLayout.tsx
View File

@@ -1,13 +0,0 @@
import { Outlet } from "react-router-dom";
function SettingsPageLayout() {
return (
<div className="container mx-auto">
<main>
<Outlet />
</main>
</div>
);
}
export { SettingsPageLayout };