Files
MOPC-Portal/src/components/ui/info-tooltip.tsx
Matt 70cfad7d46 Platform polish: bulk invite, file requirements, filtering redesign, UX fixes
- F1: Set seed jury/mentors/observers to NONE status (not invited), remove passwords
- F2: Add bulk invite UI with checkbox selection and floating toolbar
- F3: Add getProjectRequirements backend query + requirement slots on project detail
- F4: Redesign filtering section: AI criteria textarea, "What AI sees" card,
  field-aware eligibility rules with human-readable previews
- F5: Auto-redirect to pipeline detail when only one pipeline exists
- F6: Make project names clickable in pipeline intake panel
- F7: Fix pipeline creation error: edition context fallback + .min(1) validation
- Pipeline wizard sections: add isActive locking, info tooltips, UX improvements

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-13 23:45:21 +01:00

37 lines
1.0 KiB
TypeScript

'use client'
import { Info } from 'lucide-react'
import {
Tooltip,
TooltipTrigger,
TooltipContent,
TooltipProvider,
} from '@/components/ui/tooltip'
type InfoTooltipProps = {
content: string
side?: 'top' | 'right' | 'bottom' | 'left'
}
export function InfoTooltip({ content, side = 'top' }: InfoTooltipProps) {
return (
<TooltipProvider delayDuration={200}>
<Tooltip>
<TooltipTrigger asChild>
<button
type="button"
tabIndex={0}
className="inline-flex items-center justify-center rounded-full text-muted-foreground hover:text-foreground transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1"
>
<Info className="h-4 w-4" />
<span className="sr-only">More info</span>
</button>
</TooltipTrigger>
<TooltipContent side={side} className="max-w-xs text-sm">
{content}
</TooltipContent>
</Tooltip>
</TooltipProvider>
)
}