mirror of
https://github.com/vercel/workflow.git
synced 2026-09-14 19:59:43 +08:00
Nathan Rajlich
32ac8e73fd
* Fix Biome lint violations and add Biome CI check Biome was not configured to respect .gitignore, so ~92% of the 13,355 reported diagnostics came from gitignored build artifacts. Enable VCS integration (useIgnoreFile), apply safe auto-fixes across the repo, fix the remaining mechanical errors by hand, downgrade judgment-call a11y / dangerouslySetInnerHTML rules to warnings, and add a 'biome ci' job to the Lint workflow so violations block PRs going forward. * Use an empty changeset (no behavior change, no release needed)
75 lines
2.5 KiB
TypeScript
75 lines
2.5 KiB
TypeScript
'use client';
|
|
|
|
import {
|
|
Tooltip,
|
|
TooltipContent,
|
|
TooltipTrigger,
|
|
} from '@vercel/geistdocs/components/tooltip';
|
|
import { BadgeCheck, ShieldCheck } from 'lucide-react';
|
|
import Link from 'next/link';
|
|
import { Badge } from '@/components/ui/badge';
|
|
import {
|
|
Card,
|
|
CardContent,
|
|
CardDescription,
|
|
CardHeader,
|
|
CardTitle,
|
|
} from '@/components/ui/card';
|
|
import type { World } from './types';
|
|
|
|
interface WorldCardSimpleProps {
|
|
id: string;
|
|
world: World;
|
|
}
|
|
|
|
export function WorldCardSimple({ id, world }: WorldCardSimpleProps) {
|
|
return (
|
|
<Link href={`/worlds/${id}`} className="block group">
|
|
<Card className="h-full transition-colors cursor-pointer overflow-hidden py-0! gap-2">
|
|
<CardHeader className="px-4 pt-4 pb-0">
|
|
<div className="flex items-start justify-between gap-2">
|
|
<div className="space-y-1 min-w-0">
|
|
<CardTitle className="text-lg flex items-center gap-1.5 flex-wrap">
|
|
<span className="truncate">{world.name}</span>
|
|
{world.type === 'official' && (
|
|
<Tooltip>
|
|
<TooltipTrigger asChild>
|
|
<BadgeCheck className="size-4 text-gray-900 shrink-0" />
|
|
</TooltipTrigger>
|
|
<TooltipContent side="top">
|
|
<span className="text-xs">Maintained by Vercel</span>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
)}
|
|
</CardTitle>
|
|
<CardDescription className="text-xs font-mono truncate">
|
|
{world.package}
|
|
</CardDescription>
|
|
</div>
|
|
</div>
|
|
</CardHeader>
|
|
<CardContent className="flex-1 px-4 pb-2">
|
|
<p className="text-sm text-muted-foreground line-clamp-2">
|
|
{world.description}
|
|
</p>
|
|
</CardContent>
|
|
<div className="flex min-h-8 items-center justify-end px-4 pb-4 pt-2">
|
|
{world.features.includes('encryption') && (
|
|
<Tooltip>
|
|
<TooltipTrigger asChild>
|
|
<Badge className="bg-blue-300 text-blue-700 border-transparent">
|
|
<ShieldCheck className="h-3.5 w-3.5" />
|
|
<span>Encrypted</span>
|
|
</Badge>
|
|
</TooltipTrigger>
|
|
<TooltipContent side="bottom" className="max-w-[200px]">
|
|
<p className="text-xs">End-to-end user data encryption</p>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
)}
|
|
</div>
|
|
</Card>
|
|
</Link>
|
|
);
|
|
}
|