diff --git a/src/components/Home/PipelineSection/PipelineRow.tsx b/src/components/Home/PipelineSection/PipelineRow.tsx index cb7273d60..fb9f48304 100644 --- a/src/components/Home/PipelineSection/PipelineRow.tsx +++ b/src/components/Home/PipelineSection/PipelineRow.tsx @@ -13,7 +13,7 @@ import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; import { Checkbox } from "@/components/ui/checkbox"; import { Icon } from "@/components/ui/icon"; -import { BlockStack, InlineStack } from "@/components/ui/layout"; +import { InlineStack } from "@/components/ui/layout"; import { Popover, PopoverContent, @@ -107,7 +107,7 @@ const PipelineRow = withSuspenseWrapper( return ( e.stopPropagation()}> @@ -119,25 +119,25 @@ const PipelineRow = withSuspenseWrapper( /> - + {name && name.length > MAX_TITLE_LENGTH ? ( - + - + {name} ) : ( - + - + )} - + - - {formattedDate} - + {formattedDate} {tags && tags.length > 0 && } @@ -161,8 +159,8 @@ const PipelineRow = withSuspenseWrapper( {name && } - - + + {name && } {props.name} - + {formattedDate} diff --git a/src/components/Home/PipelineSection/PipelineSection.tsx b/src/components/Home/PipelineSection/PipelineSection.tsx index c5d67aede..e5132a781 100644 --- a/src/components/Home/PipelineSection/PipelineSection.tsx +++ b/src/components/Home/PipelineSection/PipelineSection.tsx @@ -5,7 +5,6 @@ import { LoadingScreen } from "@/components/shared/LoadingScreen"; import NewPipelineButton from "@/components/shared/NewPipelineButton"; import QuickStartCards from "@/components/shared/QuickStart/QuickStartCards"; import { withSuspenseWrapper } from "@/components/shared/SuspenseWrapper"; -import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"; import { Button } from "@/components/ui/button"; import { Checkbox } from "@/components/ui/checkbox"; import { Icon } from "@/components/ui/icon"; @@ -165,22 +164,12 @@ export const PipelineSection = withSuspenseWrapper(() => { return ( - - - Heads up! - - Your pipelines are stored in your browser's local storage. - Clearing your browser data or cookies will delete all saved pipelines. - Consider exporting important pipelines to files for backup. - - - } /> - +
@@ -224,7 +213,11 @@ export const PipelineSection = withSuspenseWrapper(() => {
{totalPages > 1 && ( - + + + Page {currentPage} of {totalPages} + - - Page {currentPage} of {totalPages} - - {selectedPipelines.size > 0 && ( +
Dashboard diff --git a/src/routes/Dashboard/DashboardPipelinesView.tsx b/src/routes/Dashboard/DashboardPipelinesView.tsx new file mode 100644 index 000000000..dddb90675 --- /dev/null +++ b/src/routes/Dashboard/DashboardPipelinesView.tsx @@ -0,0 +1,14 @@ +import { PipelineSection } from "@/components/Home/PipelineSection/PipelineSection"; +import { BlockStack } from "@/components/ui/layout"; +import { Text } from "@/components/ui/typography"; + +export function DashboardPipelinesView() { + return ( + + + Pipelines + + + + ); +} diff --git a/src/routes/router.ts b/src/routes/router.ts index 4c171079b..25cd61133 100644 --- a/src/routes/router.ts +++ b/src/routes/router.ts @@ -19,6 +19,7 @@ import { BASE_URL, IS_GITHUB_PAGES } from "@/utils/constants"; import RootLayout from "../components/layout/RootLayout"; import { DashboardFavoritesView } from "./Dashboard/DashboardFavoritesView"; import { DashboardLayout } from "./Dashboard/DashboardLayout"; +import { DashboardPipelinesView } from "./Dashboard/DashboardPipelinesView"; import { DashboardRecentlyViewedView } from "./Dashboard/DashboardRecentlyViewedView"; import { DashboardRunsView } from "./Dashboard/DashboardRunsView"; import Editor from "./Editor"; @@ -119,7 +120,7 @@ const dashboardRunsRoute = createRoute({ const dashboardPipelinesRoute = createRoute({ getParentRoute: () => dashboardRoute, path: "/pipelines", - component: ComingSoon, + component: DashboardPipelinesView, }); const dashboardComponentsRoute = createRoute({