15 lines
633 B
TypeScript
15 lines
633 B
TypeScript
import { Link } from 'react-router'
|
|
import type { ObjectSummary } from '../api/types'
|
|
|
|
export function ObjectCard({ object, linkBase = '/objects' }: { object: ObjectSummary; linkBase?: string }) {
|
|
return (
|
|
<Link
|
|
to={`${linkBase}/${object.id}`}
|
|
className="flex flex-col gap-1 rounded-lg border border-slate-200 p-3 transition hover:border-slate-400 dark:border-slate-800 dark:hover:border-slate-600"
|
|
>
|
|
<span className="font-medium text-slate-900 dark:text-slate-100">{object.name}</span>
|
|
<span className="text-sm text-slate-500 dark:text-slate-400">{object.inventory_number}</span>
|
|
</Link>
|
|
)
|
|
}
|