diff --git a/web/bun.lockb b/web/bun.lockb index bc1f764..5e71c92 100755 Binary files a/web/bun.lockb and b/web/bun.lockb differ diff --git a/web/package.json b/web/package.json index a6dba84..0fd9a24 100644 --- a/web/package.json +++ b/web/package.json @@ -33,6 +33,7 @@ "@radix-ui/react-label": "^2.0.2", "@radix-ui/react-popover": "^1.0.7", "@radix-ui/react-radio-group": "^1.1.3", + "@radix-ui/react-scroll-area": "^1.0.5", "@radix-ui/react-select": "^2.0.0", "@radix-ui/react-separator": "^1.0.3", "@radix-ui/react-slot": "^1.0.2", diff --git a/web/src/app/(app)/layout.tsx b/web/src/app/(app)/layout.tsx index 1ce4740..88d2976 100644 --- a/web/src/app/(app)/layout.tsx +++ b/web/src/app/(app)/layout.tsx @@ -46,7 +46,7 @@ export default function RootLayout({
-
+
{/*
*/}
-
+
{children}
diff --git a/web/src/app/(docs)/docs/layout.tsx b/web/src/app/(docs)/docs/layout.tsx index 6adc43f..540af89 100644 --- a/web/src/app/(docs)/docs/layout.tsx +++ b/web/src/app/(docs)/docs/layout.tsx @@ -4,6 +4,7 @@ import { Layout } from "@/components/docs/Layout"; import { type Section } from "@/components/docs/SectionProvider"; import glob from "fast-glob"; import { type Metadata } from "next"; +import PlausibleProvider from "next-plausible"; export const metadata: Metadata = { title: { @@ -28,6 +29,11 @@ export default async function RootLayout({ return ( + + {process.env.PLAUSIBLE_DOMAIN && ( + + )} +
diff --git a/web/src/components/MachineList.tsx b/web/src/components/MachineList.tsx index cc1797c..fbb5bc6 100644 --- a/web/src/components/MachineList.tsx +++ b/web/src/components/MachineList.tsx @@ -91,7 +91,7 @@ export const columns: ColumnDef[] = [ cell: ({ row }) => { return ( // -
+
{row.getValue("name")}
{row.original.disabled && ( Disabled diff --git a/web/src/components/WorkflowList.tsx b/web/src/components/WorkflowList.tsx index 1e67b73..a45781e 100644 --- a/web/src/components/WorkflowList.tsx +++ b/web/src/components/WorkflowList.tsx @@ -12,6 +12,7 @@ import { DropdownMenuTrigger, } from "@/components/ui/dropdown-menu"; import { Input } from "@/components/ui/input"; +import { ScrollArea } from "@/components/ui/scroll-area"; import { Table, TableBody, @@ -192,8 +193,8 @@ export function WorkflowList({ data }: { data: Payment[] }) { }); return ( -
-
+
+
-
+ - + {table.getHeaderGroups().map((headerGroup) => ( {headerGroup.headers.map((header) => { @@ -278,8 +279,8 @@ export function WorkflowList({ data }: { data: Payment[] }) { )}
-
-
+ +
{table.getFilteredSelectedRowModel().rows.length} of{" "} {table.getFilteredRowModel().rows.length} row(s) selected. diff --git a/web/src/components/ui/scroll-area.tsx b/web/src/components/ui/scroll-area.tsx new file mode 100644 index 0000000..b0487fd --- /dev/null +++ b/web/src/components/ui/scroll-area.tsx @@ -0,0 +1,48 @@ +"use client"; + +import { cn } from "@/lib/utils"; +import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"; +import * as React from "react"; + +const ScrollArea = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, children, ...props }, ref) => ( + + + {children} + + + + + +)); +ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName; + +const ScrollBar = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, orientation = "vertical", ...props }, ref) => ( + + + +)); +ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName; + +export { ScrollArea, ScrollBar };