From d61bc1ed1ed840940ee45383421174ee3b68c1aa Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9=20K=C3=B6nig?= Date: Sat, 6 Apr 2024 11:31:58 +0200 Subject: [PATCH] feat: new workflow detail view (#9) --- app/components/ui/breadcrumb.tsx | 115 ++++++++++ app/components/ui/dropdown-menu.tsx | 203 ++++++++++++++++++ ...ow-dialog.tsx => workflow-detail-card.tsx} | 78 ++----- .../model.ts | 13 +- .../query.ts | 51 +++-- .../route.tsx | 96 +++++++-- .../model.ts | 0 .../query.ts | 11 +- .../route.tsx | 9 +- app/routes/_frontend/route.tsx | 5 - bun.lockb | Bin 328102 -> 329901 bytes package.json | 1 + workflows/index.ts | 12 +- 13 files changed, 476 insertions(+), 118 deletions(-) create mode 100644 app/components/ui/breadcrumb.tsx create mode 100644 app/components/ui/dropdown-menu.tsx rename app/components/{workflow-dialog.tsx => workflow-detail-card.tsx} (60%) rename app/routes/{_frontend.$category => _frontend.$category._index}/model.ts (100%) rename app/routes/{_frontend.$category => _frontend.$category._index}/query.ts (70%) rename app/routes/{_frontend.$category => _frontend.$category._index}/route.tsx (85%) diff --git a/app/components/ui/breadcrumb.tsx b/app/components/ui/breadcrumb.tsx new file mode 100644 index 0000000..4170095 --- /dev/null +++ b/app/components/ui/breadcrumb.tsx @@ -0,0 +1,115 @@ +import * as React from "react" +import { ChevronRightIcon, DotsHorizontalIcon } from "@radix-ui/react-icons" +import { Slot } from "@radix-ui/react-slot" + +import { cn } from "~/utils/cn" + +const Breadcrumb = React.forwardRef< + HTMLElement, + React.ComponentPropsWithoutRef<"nav"> & { + separator?: React.ReactNode + } +>(({ ...props }, ref) =>