chore: cleanup eslint complains (#66)

.github/workflows/ui.yml

@@ -0,0 +1,29 @@
+name: UI
+
+on:
+  push:
+    branches: [main]
+    paths:
+      - "ui/**"
+  pull_request:
+    branches: [main]
+    paths:
+      - "ui/**"
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          cache: "npm"
+          cache-dependency-path: ui/package-lock.json
+      - name: Setup
+        run: npm ci
+        working-directory: ui
+      - name: Lint
+        run: npm run lint
+        working-directory: ui

ui/eslint.config.mjs

@@ -16,7 +16,8 @@ export default [
   pluginReact.configs.flat.recommended,
   {
     rules: {
-      'react/react-in-jsx-scope': 'off'
+      'react/react-in-jsx-scope': 'off',
+      'react/prop-types': 'off'
     }
   },
   {

ui/src/app/layout.tsx

@@ -1,4 +1,4 @@
-import { SidebarInset, SidebarProvider, SidebarTrigger } from '@/components/ui/sidebar';
+import { SidebarInset, SidebarProvider } from '@/components/ui/sidebar';
 import { Sidebar } from '@/components/sidebar';
 import { Outlet } from 'react-router-dom';
 import { Header } from '@/components/header';

ui/src/components/node-panel.tsx

@@ -1,13 +1,5 @@
 import { PhaseNode } from '@/types/flow';
-import {
-  Package,
-  GitBranch,
-  ChevronDown,
-  ChevronUp,
-  CheckCircle,
-  CircleArrowUp,
-  CircleAlert
-} from 'lucide-react';
+import { Package, GitBranch, ChevronDown, ChevronUp, CheckCircle, CircleAlert } from 'lucide-react';
 import { TooltipProvider, TooltipTrigger, Tooltip, TooltipContent } from '@/components/ui/tooltip';
 import { Button } from './ui/button';
 import { cn } from '@/lib/utils';
@@ -103,7 +95,7 @@ export function NodePanel({ node, isExpanded, onToggle }: NodePanelProps) {
               <div className="mt-2 flex flex-wrap gap-2">
                 {node.data.labels &&
                   Object.entries(node.data.labels).map(([key, value]) => (
-                    <Label labelKey={key} value={value} />
+                    <Label key={key} labelKey={key} value={value} />
                   ))}
               </div>
             </div>

ui/src/components/ui/command.tsx

@@ -39,6 +39,7 @@ const CommandInput = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Input>,
   React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
 >(({ className, ...props }, ref) => (
+  // eslint-disable-next-line react/no-unknown-property -- https://github.com/shadcn-ui/ui/issues/3366
   <div className="flex items-center border-b px-3" cmdk-input-wrapper="">
     <Search className="mr-2 h-4 w-4 shrink-0 opacity-50" />
     <CommandPrimitive.Input

ui/src/components/ui/input.tsx

@@ -2,6 +2,7 @@ import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}
 
 const Input = React.forwardRef<HTMLInputElement, InputProps>(